I'm using tm-modal to create a full-res image display. So I call tm-modal
to display the image tiddler.
Extracted all the css rules I found regarding the modal:
.tc-modal-wrapper { position: fixed; overflow: auto; overflow-y: scroll; top
: 0; right: 0; bottom: 0; left: 0; z-index: 900; }
.tc-modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0;
z-index: 1000; background-color: #333333; }
.tc-modal { z-index: 1100; background-color: #ffffff; border: 1px solid
#999999; }
@media (max-width: 55em) { .tc-modal { position: fixed; top: 1em; left: 1em;
right: 1em; }
.tc-modal-body { overflow-y: auto; max-height: 400px; max-height: 60vh; } }
@media (min-width: 55em) { .tc-modal { position: fixed; top: 2em; left: 5%;
width: 90%; }
.tc-modal-body { overflow-y: auto; scroll; max-height: 700px; max-height:
80vh;} }
.tc-modal-header { padding: 9px 15px; border-bottom: 1px solid #eeeeee; }
.tc-modal-header h3 { margin: 0; line-height: 30px; }
.tc-modal-header img, .tc-modal-header svg { width: 1em; height: 1em; }
.tc-modal-body { padding: 15px; }
.tc-modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align:
right; background-color: #f5f5f5; border-top: 1px solid #dddddd; }
The thing is I can't center smaller images within the modal body, it is
always alingned left. Not sure which rule to edit and what to add for the
center alignment.
Not sure if wrapping image into another tiddler would work correctly and it
is very undesireable as I want to process img tiddlers directly with a
modal-generating macro and thus creating intermediate tiddlers will get
clunky.
--
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/f0ae8112-2d0d-4acd-8746-0f2589f4fee4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
