So if I understand correctly, you want to be able to give a custom size to
your icons/buttons and be able to have them next to each other ?
Try this and tell me if that works :
In the tiddler tagged with $:/tags/SideBarSegment :
\whitespace trim
<span class="indicator">
{{button 1}}
</span>
..etc..
<span class="indicator">
{{button n}}
</span>
In a stylesheet tiddler :
.indicator{ height:50px; width:50px; display:inline-block; }
.indicator button, .indicator button * { width:100%!important;
height:100%!important; }
Le jeudi 12 août 2021 à 02:42:42 UTC+2, TW Tones a écrit :
> Folks,
>
> I have a number of projects that could use icons placed in the sidebar,
> top menu and other places. They would indicate some status such as a green
> storage icon when the local storage is on and much more. I call these
> indicators, They may have tooltips or actions on click, with or without
> modifier keys.
>
> I have attempted to build a new element tagged $:/tags/SideBarSegment and
> list-before $:/core/ui/SideBarSegments/tabs
>
> The problem I have for for which I seek help is I am finding it difficult
> to reduce icons and buttons to a half height and not have unnecessary white
> space above and below the indicators. Margins, padding tweeks etc... have
> not succeeded. We may use existing buttons and create new ones, the idea is
> it provides additional place(s) for which we can display content via a tag,
> so if I publish an indicator and you do the same they can coexist.
>
> I would hope to publish this to set a de facto standard, say using the tag
> $:/tags/indicator so we can all add additional and conditional iconised
> information in the sideBar and elsewhere as desired.
>
> Can anyone help me build this with custom css to minimise its use of
> space? Ideally customisable.
>
> Regards
> Tones
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/ebee9970-24bc-4916-83a9-cf24630e72ean%40googlegroups.com.
