Tweaks to the improvement banner

I think it looks pretty terrible, and am minded not to include it in
5.0.15. Interested in other views.
print-window-tiddler
Jermolene 2014-08-20 17:06:39 +01:00
rodzic 2bbe9f76ec
commit 56bf3924f5
3 zmienionych plików z 43 dodań i 1 usunięć

Wyświetl plik

@ -0,0 +1,7 @@
title: Improving TiddlyWiki Documentation
tags: howto
created: 20140820151051019
modified: 20140820151051019
Anyone can submit improvements to the TiddlyWiki documentation that appears on http://tiddlywiki.com.

Wyświetl plik

@ -10,5 +10,5 @@ https://github.com/Jermolene/TiddlyWiki5/blob/master/editions/tw5.com/tiddlers/$
</$set>
\end
<div class="tw-improvement-banner">
{{$:/core/images/star-filled}} Can you help improve this documentation? [[Find out how|Improving TiddlyWiki Documentation]] to edit <<outerMakeGitHubLink "this tiddler">>
{{$:/core/images/star-filled}} Can you help us improve this documentation? [[Find out how|Improving TiddlyWiki Documentation]] to edit <<outerMakeGitHubLink "this tiddler on ~GitHub">>
</div>

Wyświetl plik

@ -44,6 +44,41 @@ tags: $:/tags/stylesheet
.tw-improvement-banner {
font-size: 0.7em;
background: #fcc;
padding-left: 5px;
<<box-shadow "2px 2px 2px rgba(0,0,0,0.4)">>
}
@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
.tw-improvement-banner {
margin-top: 15px;
}
}
@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
.tw-improvement-banner {
margin-right: -23px;
margin-bottom: -20px;
margin-left: -53px;
}
.tw-improvement-banner:before {
display: block;
position: absolute;
width: 0;
height: 0;
content: " ";
margin-left: -5px;
margin-top: -10px;
border-top: 5px solid transparent;
border-left: 5px solid transparent;
border-right: 5px solid #C07E7E;
border-bottom: 5px solid #C07E7E;
}
}
.tw-improvement-banner svg {