diff options
author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-09-26 11:01:50 +0300 |
---|---|---|
committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-09-26 11:01:50 +0300 |
commit | 87d95c9753e0a1ae60def0b430a336ac291b3a6e (patch) | |
tree | b38952af31061a657878592fb4ea5772c3a94cbf | |
parent | 1723c524f55674098d8b48c5fa5a6cf4dee26d84 (diff) |
Fix firefox wide screen and mobile view
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
-rw-r--r-- | css/content.css | 3 | ||||
-rw-r--r-- | css/mobile.css | 10 |
2 files changed, 9 insertions, 4 deletions
diff --git a/css/content.css b/css/content.css index 57b4b22df..4dfb069d4 100644 --- a/css/content.css +++ b/css/content.css @@ -9,7 +9,8 @@ */ #app-content { - width: 100% + width: 100%; + flex-basis: auto; } #app-navigation:not(.hidden) + #app-content { width: calc(100% - 300px); diff --git a/css/mobile.css b/css/mobile.css index 212f57897..cf34507fc 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -1,4 +1,4 @@ -@media (max-width: 770px) { +@media only screen and (max-width: 768px) { #app-content .utils .date { display: none; } @@ -7,9 +7,13 @@ padding-left: 44px; } + #app-navigation:not(.hidden) + #app-content { + width: 100%; + } + } -@media (max-width: 600px) { +@media only screen and (max-width: 600px) { #app-content .article-actions ul { max-width: 164px; } @@ -32,7 +36,7 @@ } } -@media (max-width: 340px) { +@media only screen and (max-width: 340px) { #app-content .article-actions { max-width: 82px; } |