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.