1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-24 17:10:29 +00:00

Tag style tweaks

Added a hover effect
This commit is contained in:
Jeremy Ruston 2013-02-08 11:12:33 +00:00
parent 652088009b
commit 63f52dad9e
2 changed files with 16 additions and 2 deletions

View File

@ -80,6 +80,10 @@ a.tw-tiddlylink-missing {
border: none;
}
.tw-tags-wrapper {
margin: 0.25em 0 1em 0;
}
.tw-tag-label {
display: inline-block;
padding: 2px 4px;
@ -91,11 +95,15 @@ a.tw-tiddlylink-missing {
white-space: nowrap;
vertical-align: baseline;
background-color: #999999;
border: 1px solid rgba(0,0,0,0.22);
border: 1px solid rgba(0,0,0,0.0);
<<border-radius 3px>>
<<box-shadow "inset 1px 1px 0 rgba(255,255,255,0.22)">>
}
.tw-tag-label:hover {
<<box-shadow "inset 0px 2em 0 rgba(0,0,0,0.22)">>
}
.edit-header {
}
@ -167,6 +175,12 @@ a.tw-tiddlylink-missing {
padding: 0em 1em 0em 1em;
}
.tw-drop-down a:hover {
color: {{$:/core/styles/colourmappings##linkbackground}};
background-color: {{$:/core/styles/colourmappings##linkforeground}};
text-decoration: none;
}
.tw-edit-texteditor input, .tw-edit-texteditor textarea {
width: 100%;
}

View File

@ -11,7 +11,7 @@ modifier: JeremyRuston
<div class="small"><$view field="modifier" format="link"/> <$view field="modified" format="date"/></div>
@@.tw-tags-wrapper <$list filter="[is[current]tags[]]" template="$:/templates/TagTemplate" />@@
<div class="tw-tags-wrapper"><$list filter="[is[current]tags[]]" template="$:/templates/TagTemplate" /></div>
<div class="body">
<$view field="text" format="wikified">