From cf9e741508c106c096da7961bbaecfd54b441271 Mon Sep 17 00:00:00 2001 From: Pawan Kumar Date: Thu, 18 May 2023 15:41:24 +0530 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(slide=20in):=20close=20butto?= =?UTF-8?q?n=20not=20working=20in=20safari=20mobile=20view.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- library/js/slidein-layouts.js | 5 +++-- library/scss/hustle-slidein.scss | 4 ++++ 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/library/js/slidein-layouts.js b/library/js/slidein-layouts.js index 5a4ace02..96424ac8 100644 --- a/library/js/slidein-layouts.js +++ b/library/js/slidein-layouts.js @@ -12,6 +12,7 @@ const slidein = $( el ); const wrapper = slidein.find( '.hustle-slidein-content' ); const content = slidein.find( '.hustle-slidein-content > div' ); + const maincontent = slidein.find( '.hustle-main-wrapper' ); let header = slidein.find( '.hustle-layout-header' ); let footer = slidein.find( '.hustle-layout-footer' ); @@ -63,7 +64,7 @@ 'padding-top': headerHeight() + 'px' }); - content.css({ + maincontent.css({ 'max-height': 'calc(100vh - ' + ( footerHeight() + headerHeight() ) + 'px)' }); @@ -72,7 +73,7 @@ }); } else { - content.css({ + maincontent.css({ 'max-height': 'calc(100vh - ' + ( footerHeight() + closeHeight() ) + 'px)' }); } diff --git a/library/scss/hustle-slidein.scss b/library/scss/hustle-slidein.scss index e9f5ffdb..abd00afd 100644 --- a/library/scss/hustle-slidein.scss +++ b/library/scss/hustle-slidein.scss @@ -163,6 +163,10 @@ padding: 0; overflow: auto; } + + .hustle-main-wrapper { + overflow-y: scroll; + } } // Correctly position slide-in.