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/mobile.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) (limited to 'css/mobile.css') 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