Folks,

If you place the following in a tiddler on tiddlywiki.com, you will see it 
generates a preview of tiddlers with The TableOfContents tag.

To get here I have begged, borrowed and stolen code. 

The problem is I do not know how to remove the empty space between each 
preview.

Any advice and I would be grateful.

\define preview(filter)
<style>
.preview {
    width:600px; 
    min-height:400px; max-height:400px;
    -webkit-transform:scale(.25);
    -ms-transform:scale(.5);
    transform:scale(.5,.5);
    -webkit-transform-origin:0 0; 
    -ms-transform-origin:0 0; 
    transform-origin:0 0; 
    border:1px solid blue;
    margin:0 0 0 0;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
}
</style>

<$set name=filter value="$filter$" emptyValue="[[$(currentTiddler)$]]" >
<div style="    column-count: 4;">
<$list filter=<<filter>> >
<$button to=<<currentTiddler>> tooltip={{{ [all[current]addprefix[Open: ]] 
}}} class="preview" tag="div">
<$link/>
<$transclude mode=block/>
</$button>
</$list>
</div>
</$set>
\end


<<preview "[tag[TableOfContents]]">>


Of course when working I would move the styles to a stylesheet and macro to 
a tiddler tagged macro.

Regards
TW Tones

-- 
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/978db8f0-ccef-467d-bb95-e268c6b5b951o%40googlegroups.com.

Reply via email to