With the same "lightbox", idea, I had come to this a year ago:
<style>
@media (max-width: 55em) {
.tc-modal-body img {
display: block;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 55em) {
.tc-modal {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
max-width: 95%;
}
}
.tc-modal-body {
padding: 1px 15px;
min-width: 750px;
}
.tc-modal-body img {
max-width: 100%;
}
</style>
<$list filter="[is[image]has[_canonical_uri]]" variable="currentImage">
<$button class="tc-btn-invisible tc-thumbnail-image">
<$action-sendmessage $message="tm-modal" $param=<<currentImage>>/>
<$image source=<<currentImage>> width={{!!imagewidth}}/>
</$button>
</$list>
The idea was to make the lightbox the width of the window, but the CSS seem
to not work as intended...
--
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/361c459a-bee0-40c5-aa45-745205841c30%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
