From 09bcb4336b41be9cfaaf57f2e8ef6bf44f870ee9 Mon Sep 17 00:00:00 2001 From: crockwave Date: Mon, 15 Jun 2020 19:49:38 -0500 Subject: [PATCH 1/2] Fix sidebar menu rendering to work in iOS Safari and other browsers --- app/styles/components/sidebar-menu.scss | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/app/styles/components/sidebar-menu.scss b/app/styles/components/sidebar-menu.scss index e6b4d15a5..b50dfb6dc 100644 --- a/app/styles/components/sidebar-menu.scss +++ b/app/styles/components/sidebar-menu.scss @@ -3,7 +3,7 @@ position: fixed; flex-direction: column; width: 275px; - height: 100vh; + //height: 100vh; top: 0; bottom: 0; left: 0; @@ -30,12 +30,15 @@ } &__content { - display: flex; - flex: 1 1; - flex-direction: column; - padding-bottom: 40px; + //display: flex; + //flex: 1 1; + //flex-direction: column; + //padding-bottom: 40px; overflow-y: scroll; - -webkit-overflow-scrolling: touch; + overflow: auto; + height: 100%; + width: 100%; + //-webkit-overflow-scrolling: touch; } &__section { From 10883a9bc962108354ceb3166ac4fd9fe5a59833 Mon Sep 17 00:00:00 2001 From: Curtis Date: Tue, 16 Jun 2020 22:05:16 +0000 Subject: [PATCH 2/2] Update sidebar-menu.scss removed commented code --- app/styles/components/sidebar-menu.scss | 6 ------ 1 file changed, 6 deletions(-) diff --git a/app/styles/components/sidebar-menu.scss b/app/styles/components/sidebar-menu.scss index b50dfb6dc..2207a2aed 100644 --- a/app/styles/components/sidebar-menu.scss +++ b/app/styles/components/sidebar-menu.scss @@ -3,7 +3,6 @@ position: fixed; flex-direction: column; width: 275px; - //height: 100vh; top: 0; bottom: 0; left: 0; @@ -30,15 +29,10 @@ } &__content { - //display: flex; - //flex: 1 1; - //flex-direction: column; - //padding-bottom: 40px; overflow-y: scroll; overflow: auto; height: 100%; width: 100%; - //-webkit-overflow-scrolling: touch; } &__section {