Hi Mohammad,
Maybe you can try this 2d transform css property: *scale()*
add this property to your tiddler-box class:
.tiddler-box {
min-height:200px;
border:solid lightgrey 1px;
padding:10px;
transform: scale(0.5);
box-shadow:5px 5px 5px #888888;
}
that is, scaled to 50%
maybe tiddler-box should also have a max-height?
ref: https://www.w3schools.com/css/tryit.asp?filename=trycss3_transform_scale2
-jd
On Friday, July 20, 2018 at 4:41:26 PM UTC+9, Mohammad wrote:
>
> I want to list all tiddlers tagged with say slide and show then as
> thumbnail. I developed the below code
>
> <style>
> .md {column-count:2;}
> .tiddler-box {
> min-height:200px;
> border:solid lightgrey 1px;
> padding:10px;
> box-shadow:5px 5px 5px #888888;
> }
> </style>
>
> <div class="md">
> <$list filter="[tag[slide]]">
> <div class="tiddler-box">
> <$transclude mode="block"/>
> </div><br>
> </$list>
> </div>
>
>
> The problem is I cannot have all contents in specified size as a
> thumbnail. any idea?
>
--
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/d23fed50-7967-48d5-bf25-35a33be01ce7%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
