On Tuesday, November 12, 2019 at 1:13:10 AM UTC-6, A Gloom wrote:
>
> <$button class="tc-btn-invisible" style="padding:0px 5px;
> font-size:2em;"> X </$button>
>
This seems to have worked for me. Here is my current code:
\define scroll_buttons2(filterlimit: 10000)
<style>
.scroll_button {
padding: 0px 5px;
font-size: 1.5em;
vertical-align: middle;
text-align: center;
}
.scroll_button_div {
display: table-cell;
width: 5%;
}
</style>
<$set name="fivelessthanlimit" filter="[[]eval[$filterlimit$-5]]">
<div style="width: 100%; display: table;">
<div style="display: table-row">
<div class="scroll_button_div">
<$button class="scroll_button">
{{$:/core/images/left-arrow}}
<$set name="max_prev_index"filter="[{Draft of
'Scratch_Pad'!!scroll_index}eval[min(title, <<fivelessthanlimit>>)]]">
<$set name="prev_index" filter="[[]eval[max(<<max_prev_index>>-5,0)]]">
<$action-setfield $tiddler="Scratch_Pad" scroll_index=<<prev_index>>/>
<$action-setfield $tiddler="Draft of 'Scratch_Pad'"
scroll_index=<<prev_index>>/>
</$set>
</$set>
</$button>
</div>
<div style="display: table-cell">
<$range class="custom_range" tiddler="Draft of 'Scratch_Pad'"
field="scroll_index" min="0" max=<<fivelessthanlimit>>
default={{Scratch_Pad!!scroll_index}}/>
</div>
<div class="scroll_button_div">
<$button class="scroll_button">{{$:/core/images/right-arrow}}
<$set name="next_index" filter="[{Draft of
'Scratch_Pad'!!scroll_index}eval[min(title + 5, <<fivelessthanlimit>>)]]">
<$action-setfield $tiddler="Scratch_Pad" scroll_index=<<next_index>>/>
<$action-setfield $tiddler="Draft of 'Scratch_Pad'"
scroll_index=<<next_index>>/>
</$set>
</$button>
</div>
</div>
</div>
<<end_div>>
\end
I added a border to demonstrate the current problem. I can't seem to
correctly align the images. I don't wanna do a "button svg" css line since
I wanna have the freedom to do other stuff with SVG's inside a button later
on. Setting the vertical-align and text-align didn't seem to do the
trick. Am I missing or forgetting something CSS related? Thanks!
[image: New Screenie.png]
--
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 [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/551ad8a9-4aa0-4724-95f5-d660ffa2def8%40googlegroups.com.
