The button size solution was so obvious I almost laughed when I realized
the reason.
There's no use changing the svg image size - it's the <button> that needs
the styling!
Here is what I finally have:
In the display tiddler:
\define link-to-clipboard(parameter) <<.button-images $(currentTiddler)$>>
<div class="dynamic-table doc-buttons">
<$list filter="[all[shadows]tag[$:/tags/Image]]">
<$set name="image" value=<<currentTiddler>>>
<$list filter="[<image>removeprefix[$:/core/images/]]">
<$button message="tm-copy-to-clipboard" param=<<link-to-clipboard>> tooltip
=<<currentTiddler>> class="tc-btn-invisible">
<$transclude tiddler=<<image>>/>
</$button>
</$list>
</$set>
</$list>
</div>
In a *$:/tags/Stylesheet* tagged tiddler:
<style>
.dynamic-table {
max-width:80%; /* could transclude tiddler width instead */
-ms-box-orient: vertical; /* might be unnecessary */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: inline-flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row;
}
.item {
max-width:210px; min-width:210px; /* adjust this to give space to longer
worded items */
flex: 0 0 2em; /* -grow, -shrink, -basis */
}
.doc-buttons button {
font-size: 1.3em;
padding: 0.3em 0.3em;
}
</style>
Looks like this:
Cursor over the image shows the title-suffix as a tooltip - ex: *warning*
Clicking the button puts the text needed into the clipboard, in the form:
*<<.button-images
warning>>*
Now I am almost satisfied. I was wondering if there was a way to change
what the button copies to the clipboard if Iwere to CTRL-click or
SHIFT-click the button!
Thanks for all the help!
--
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 post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/1ff7c434-8a0f-4f0f-84ad-4bea4b74e313%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
