From f47b59ac7aea40526da01d2cf4189ce406b5d0ce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Sat, 25 Aug 2018 15:12:08 +0200 Subject: Fix apps menu on mobile MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- core/css/header.scss | 4 ++-- core/css/mobile.scss | 3 +-- 2 files changed, 3 insertions(+), 4 deletions(-) (limited to 'core') diff --git a/core/css/header.scss b/core/css/header.scss index 3b3a87ec714..ecb61976939 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -229,14 +229,14 @@ nav[role='navigation'] { position: relative; } -.header-left #navigation { +#header .header-left > nav > #navigation { position: relative; left: 25px; /* half the togglemenu */ transform: translateX(-50%); width: 160px; } -.header-left #navigation, +#header .header-left > nav > #navigation, .ui-datepicker, .ui-timepicker.ui-widget { background-color: var(--color-main-background); diff --git a/core/css/mobile.scss b/core/css/mobile.scss index 8fff98af4d6..2f869f7eeb1 100644 --- a/core/css/mobile.scss +++ b/core/css/mobile.scss @@ -132,8 +132,7 @@ } @media only screen and (max-width: 480px) { - #header .header-left > nav > .menu, - #header .header-right > div > .menu { + #header .header-right > nav > .menu { max-width: calc(100vw - 10px); position: fixed; &::after { -- cgit v1.2.3 From 10d51c3440689de1e1ca335f46bc9f265de9fe0b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Tue, 28 Aug 2018 13:48:06 +0200 Subject: Fix apps menu and typo MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- core/css/header.scss | 1 + core/css/mobile.scss | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) (limited to 'core') diff --git a/core/css/header.scss b/core/css/header.scss index ecb61976939..df20ec47d4b 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -116,6 +116,7 @@ height: 100%; position: absolute; left: 12px; + top: 1px; img { opacity: 0; diff --git a/core/css/mobile.scss b/core/css/mobile.scss index 2f869f7eeb1..a985d6b1f36 100644 --- a/core/css/mobile.scss +++ b/core/css/mobile.scss @@ -132,7 +132,7 @@ } @media only screen and (max-width: 480px) { - #header .header-right > nav > .menu { + #header .header-right > div > .menu { max-width: calc(100vw - 10px); position: fixed; &::after { -- cgit v1.2.3