Folks,
I said I would share the result back, and it is attached so far.
It is largely working very nicely, later I will package a range of
indicators with it as I develop them.
However it still has a problem.
- The attached JSON has a few tiddlers, which displays indicators
Télumire,
Hey thanks soo much, that is exactly what I needed.
I have adopted the final css as follows to get smaller icons that the
PageControls.
.indicator-container { display:block; margin-top: -15px; margin-bottom:
-22px; line-height:unset; } .indicator-item{ height:15px; width:15px;
Erratum bis (sorry..) :
.indicator-container {
display: flex;
flex-wrap:wrap;
margin-top: -14px;
margin-bottom: -26px;
--indicator-size:10px;
}
.indicator-item{
height:var(--indicator-size);
width:var(--indicator-size);
display:inline-block;
position:relative;
}
.indicator-item button,
Erratum : no need for the line-height:unset nor the inline-block for the
button and its content :
.indicator-container {
display:block;
margin-top: -14px;
margin-bottom: -26px;
}
.indicator-item{
height:40px;
width:40px;
display:inline-block;
position:relative;
}
.indicator-item button,
Ok now I understand what you mean … This is because tiddly wiki wrap the
content in a tag, which has a margin of 14px. So to fix that, since we
can't style an element based on it's content (at least not until the
pseudo-class :has is supported) nor give it a class (as far as I know), we
need
Télumire
I just tried this on tiddlywiki.com;
Thanks, we are almost there.
I set the width and height to 15px, look like I wanted then added
list-before = $:/core/ui/SideBarSegments/tabs
Once it moves above the tabs there is too much white space above and below
[image: Snag_1f281978.png]
Is
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
{{button 1}}
..etc..
{{button n}}
In a
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
{{button 1}}
..etc..
{{button n}}
In a
8 matches
Mail list logo