how to enlarge $:/_simple_toolbar icons

68 views
Skip to first unread message

Sapphireslinger

unread,
Jan 8, 2021, 1:31:07 AM1/8/21
to TiddlyWiki
I am using the TonGerner's awesome Simple Toolbar but my tiddlywiki renders them super tiny, the tiniest I've ever seen. How do I enlarge them? Hope I can get them as large as my old toolbar.

<div class="tgc-fixed">
{{$:/core/ui/Buttons/home}}
{{$:/core/ui/Buttons/close-all}}
{{$:/core/ui/Buttons/new-tiddler}}
{{$:/core/ui/Buttons/new-journal}}
{{$:/core/ui/Buttons/new-image}}
{{$:/core/ui/Buttons/control-panel}}
{{$:/core/ui/Buttons/advanced-search}}
{{$:/core/ui/Buttons/save-wiki}}
{{$:/plugins/nico/projectify/ui/buttons/Scheduled}}

{{Create (vertical) toolbar}}
</div>
<style>
.tgc-fixed {
     position: fixed;
     padding-top: 3px;
     padding-bottom: 3px;
     top: 0px;
     width: 100%;
     left: 10px;
     background-color: white;
     z-index: 200;
}

.tgc-fixed button svg {
     fill: <<colour primary>>;
}

.tgc-fixed button:hover svg {
     fill: #0044BB;
}
</style>

Ton Gerner

unread,
Jan 9, 2021, 4:59:16 AM1/9/21
to TiddlyWiki

Sapphireslinger

unread,
Jan 14, 2021, 12:27:58 AM1/14/21
to TiddlyWiki
Thank you so much!
Reply all
Reply to author
Forward
0 new messages