>
>
> I'd like to increase the size of the arrow buttons, and I tried following
> the Image Gallery example on the TiddlyWiki site, but that didn't seem to
> work for me. I'm not sure if the problem is that the images are in the
> button widget or if I'm not understanding CSS all that well.
>
>
You're correct-- it's cause of the svg being in a button-- what I use--
<$button class="tc-btn-invisible" style="padding:0px 5px; font-size:2em;">
X </$button>
this may not be completely correct-- it sets the button size not the svg
size
default css for button svg's
/* ** Buttons */
button svg, button img, label svg, label img { vertical-align: middle; }
.tc-btn-invisible { padding: 0; margin: 0; background: none; border: none;
cursor: pointer; }
.tc-btn-boxed { font-size: 0.6em; padding: 0.2em; margin: 1px; background:
none; border: 1px solid #cccccc; border-radius: 0.25em; }
html body.tc-body .tc-btn-boxed svg { font-size: 1.6666em; }
.tc-btn-boxed:hover { background: #bbb; color: #ffffff; }
html body.tc-body .tc-btn-boxed:hover svg { fill: #ffffff; }
.tc-btn-rounded { font-size: 0.5em; line-height: 2; padding: 0em 0.3em
0.2em 0.4em; margin: 1px; border: 1px solid #bbb; background: #bbb; color:
#ffffff; border-radius: 2em; }
html body.tc-body .tc-btn-rounded svg { font-size: 1.6666em; fill: #ffffff;
}
.tc-btn-rounded:hover { border: 1px solid #bbb; background: #ffffff; color:
#bbb; }
html body.tc-body .tc-btn-rounded:hover svg { fill: #bbb; }
.tc-btn-icon svg { height: 1em; width: 1em; fill: #bbb; }
.tc-btn-text { padding: 0; margin: 0; }
another issuw I've had is not just the size, its also its vertical-align--
it will always be at the bottom of the line it on and not in the middle--
couldn't override it with inline syling
--
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/d5f80227-a303-41f3-a43c-9595a264d52e%40googlegroups.com.
