took care of the dead spot, added div container for diamonds so it can be
sized as well as making able to fit on a line with other content
<div style="display:inline-block; padding:0px 10px;">
<$list filter="[prefix[zz test pg]limit[4]sort[sortorder]]">
<div style="position:relative; display:inline-block; margin:-10px;">
<div style="position:relative; display:inline-block"><$link>{{svg
diamond}}</$link></div><div style="position:absolute; left:0%; top:25%;
display:inline-block; width:100%; vertical-align:top; cursor:pointer;
pointer-events:none; text-align:center;"><$view
field="captletter"/></div></div></$list></div>
use field "captletter" for tiddlers so you can have single letters display
inside the diamonds, titles will overflow out of the shape
classes can be assigned to the divs and inline styling can be moved to a
global stylesheet (I tend to use inline styling for fine tuning for
different tiddlers, especially since layouts are still be ironed out and
changing often)
this also demonstrates an easy way to make an icon, image or object such as
a div, a link "object" --
<$list filter="[[tiddler title]]"><$link><img div image tiddler
transclusion</$link></$list>
--
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/dc09b628-1967-436f-893d-0d88097cce52%40googlegroups.com.
