From 2288dde9353c9d4d8ced693096bef89a3197d908 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stephan=20B=C3=B6sch-Plepelits?= Date: Tue, 5 Mar 2019 21:03:16 +0100 Subject: [PATCH] Layout: in vertical mode, allocate max 40% for sidebar --- style.css | 32 ++++---------------------------- 1 file changed, 4 insertions(+), 28 deletions(-) diff --git a/style.css b/style.css index f88b3854..78cafa7a 100644 --- a/style.css +++ b/style.css @@ -207,39 +207,15 @@ a:active { } } -@media all and (max-width: 500px) and (max-height: 500px) { +@media all and (max-width: 500px) and (max-height: 675px) { #sidebar { - height: 220px; + height: 40%; } #map { - top: 220px; + top: 40%; } #mapShadow { - top: 221px; -} -} - -@media all and (max-width: 500px) and (max-height: 460px) { -#sidebar { - height: 200px; -} -#map { - top: 200px; -} -#mapShadow { - top: 201px; -} -} - -@media all and (max-width: 500px) and (max-height: 420px) { -#sidebar { - height: 180px; -} -#map { - top: 180px; -} -#mapShadow { - top: 181px; + top: calc(40% + 1px); } }