From ea4180af3a151e7bf83175b37f547f695362b0cc Mon Sep 17 00:00:00 2001 From: alistair3149 Date: Fri, 3 Jul 2020 21:59:59 -0400 Subject: [PATCH] Fix drawer overflow in mobile --- resources/skins.citizen.styles/Drawer.less | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/resources/skins.citizen.styles/Drawer.less b/resources/skins.citizen.styles/Drawer.less index 2ca57ac6..bf25f33a 100644 --- a/resources/skins.citizen.styles/Drawer.less +++ b/resources/skins.citizen.styles/Drawer.less @@ -73,10 +73,9 @@ position: fixed; z-index: 4; top: 0; - padding-top: @header-height; width: @drawer-width; max-width: 100vw; // in case if someone has super small screen - height: ~'calc(100vh - @{header-height})'; + height: 100%; .boxshadow(3); border-radius: 0 @border-radius-large @border-radius-large 0; background: @menu-background; @@ -88,7 +87,7 @@ will-change: transform; // help with performance &-logo { - padding: 0 @margin-side @margin-side / 2 @margin-side; + padding: @header-height @margin-side @margin-side / 2 @margin-side; border-bottom: 1px solid @base-80; display: flex; flex-direction: column;