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 tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. 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.