From 87d95c9753e0a1ae60def0b430a336ac291b3a6e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Wed, 26 Sep 2018 10:01:50 +0200 Subject: Fix firefox wide screen and mobile view MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- css/content.css | 3 ++- 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; } -- cgit v1.2.3