1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-26 01:50:28 +00:00

Merge pull request #231 from pmario/fix-media-queries

adjust media query to remove box-shadow for small screens. thanks @pmario
This commit is contained in:
Jeremy Ruston 2013-11-25 14:19:06 -08:00
commit 0184375ad1

View File

@ -456,6 +456,7 @@ a.tw-tiddlylink-external {
@media (max-width: 770px) { @media (max-width: 770px) {
.tw-tiddler-frame { .tw-tiddler-frame {
padding: 14px 14px 14px 14px; padding: 14px 14px 14px 14px;
<<box-shadow none>>
} }
.tw-tiddler-info { .tw-tiddler-info {
@ -761,31 +762,27 @@ canvas.tw-edit-bitmapeditor {
} }
@media (max-width: 55em) { @media (max-width: 55em) {
.modal {
position: absolute;
top: 1em;
left: 1em;
right: 1em;
}
.modal { .modal-body {
position: absolute; overflow-y: auto;
top: 1em; max-height: 400px;
left: 1em; }
right: 1em;
}
.modal-body {
overflow-y: auto;
max-height: 400px;
}
} }
@media (min-width: 55em) { @media (min-width: 55em) {
.modal {
.modal { position: fixed;
position: fixed; top: 50%;
top: 50%; left: 50%;
left: 50%; width: 560px;
width: 560px; margin: -250px 0 0 -280px;
margin: -250px 0 0 -280px; }
}
} }
.modal-header { .modal-header {