Good job S.S.
Cheers
Mohammad
On Tuesday, January 29, 2019 at 7:10:07 PM UTC+3:30, S. S. wrote:
>
>
> 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 am wondering if there is a way to change what
> the button copies to the clipboard if I were 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/17122292-99e0-41d5-b2be-ba50f899bfd8%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
