mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-26 19:47:20 +00:00
Code Issues Releases Wiki Activity

make unfold button icon more prominent

Browse Source
This commit is contained in:
pmario 2024-08-20 19:29:52 +02:00
parent 231a39e743
commit bd6a3b258a
1 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
themes/tiddlywiki/vanilla/base.tid
View File

@ -708,21 +708,35 @@ button svg.tc-image-button, button .tc-image-button img {
.tc-unfold-banner { .tc-unfold-banner {
position: absolute; position: absolute;
padding: 0; padding: .1em 0 .1em 0;
margin: 0; margin-top: 4px;
margin-left: -43px;
background: none; background: none;
border: none; border: none;
width: 100%; width: 100%; /* for old browsers which can not handle calc() */
width: calc(100% + 2px); width: calc(100% + 2px);
margin-left: -43px;
text-align: center; text-align: center;
border-top: 2px solid <<colour tiddler-info-background>>; border-top: 1px solid <<colour tiddler-info-background>>;
margin-top: 4px; border-bottom: 1px solid <<colour tiddler-info-background>>;
} }
.tc-unfold-banner .tc-image-button {
outline: 2px solid <<colour tiddler-controls-foreground>>;
min-width: 1.7em;
min-height: 1.7em;
padding: .3em;
border-radius: 50%;
}
.tc-unfold-banner:hover .tc-image-button {
outline-color: <<colour tiddler-controls-foreground-hover>>;
}
.tc-unfold-banner:hover { .tc-unfold-banner:hover {
background: <<colour tiddler-info-background>>; background: <<colour tiddler-info-background>>;
border-top: 2px solid <<colour tiddler-info-border>>; border-top: 2px solid <<colour tiddler-info-border>>;
border-bottom: 2px solid <<colour tiddler-info-border>>;
} }
.tc-unfold-banner svg, .tc-fold-banner svg { .tc-unfold-banner svg, .tc-fold-banner svg {