mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-08-06 22:04:19 +00:00
Code Issues Releases Wiki Activity

Palette chooser styling tweaks

Browse Source
This commit is contained in:
Jeremy Ruston 2024-10-25 11:03:21 +01:00
parent fc369415e4
commit 151f61adc0
3 changed files with 24 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
core/wiki/currpalettepreview.tid
View File

@ -40,6 +40,10 @@ title: $:/snippets/currpalettepreview
<div class="tc-palette-preview-thumbnail-sidebar-subtitle"> <div class="tc-palette-preview-thumbnail-sidebar-subtitle">
a non-linear personal web notebook a non-linear personal web notebook
</div> </div>
<div class="tc-palette-preview-thumbnail-sidebar-search" style.backgroundColor=<<colour background>>>
<div class="tc-palette-preview-thumbnail-sidebar-search-box">
</div>
</div>
</div> </div>
</div> </div>
\end palette-preview-thumbnail \end palette-preview-thumbnail

4
core/wiki/paletteswitcher.tid
View File

@ -8,10 +8,12 @@ title: $:/snippets/paletteswitcher
<div class=<<cls>>> <div class=<<cls>>>
<$link to={{!!title}}> <$link to={{!!title}}>
{{||$:/snippets/currpalettepreview}} {{||$:/snippets/currpalettepreview}}
''<$view field="name" format="text"/>''
<div class="tc-chooser-item-description"> <div class="tc-chooser-item-description">
''<$view field="name" format="text"/>''
<div class="tc-chooser-item-subtitle">
<$view field="description" format="text"/> <$view field="description" format="text"/>
</div> </div>
</div>
</$link> </$link>
</div> </div>
</$set> </$set>

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

@ -2830,8 +2830,8 @@ a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk .tc-plugin-info-sta
.tc-chooser.tc-chooser-cards .tc-chooser-item { .tc-chooser.tc-chooser-cards .tc-chooser-item {
width: 15em; width: 15em;
margin: 0.25em; margin: 0.5em;
padding: 3px; padding: 6px;
border: 1px solid <<colour muted-foreground>>; border: 1px solid <<colour muted-foreground>>;
border-radius: 3px; border-radius: 3px;
} }
@ -2855,6 +2855,7 @@ a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk .tc-plugin-info-sta
text-decoration: none; text-decoration: none;
background-color: transparent; background-color: transparent;
font-weight: normal; font-weight: normal;
color: <<colour foreground>>;
} }
.tc-chooser-item:hover .tc-tiddlylink:hover { .tc-chooser-item:hover .tc-tiddlylink:hover {
@ -2874,6 +2875,10 @@ a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk .tc-plugin-info-sta
} }
.tc-chooser-item .tc-chooser-item-description { .tc-chooser-item .tc-chooser-item-description {
padding: 3px;
}
.tc-chooser-item .tc-chooser-item-subtitle {
font-size: 0.8em; font-size: 0.8em;
line-height: 1.2; line-height: 1.2;
} }
@ -2967,6 +2972,16 @@ input.tc-palette-manager-colour-input {
font-size: 3px; font-size: 3px;
} }
.tc-palette-preview-thumbnail-sidebar-search {
margin:3px 0;
line-height: 0;
width: 70%;
}
.tc-palette-preview-thumbnail-sidebar-search-box {
height: 4px;
}
/* /*
** Table of contents ** Table of contents
*/ */