mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-12-26 10:00:34 +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:
commit
0184375ad1
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user