another try on preventing double scrollbars when a modal is larger than the viewport
This commit is contained in:
parent
c8678ba5a9
commit
8ea0b2051a
@ -9,7 +9,6 @@
|
|||||||
/* generals */
|
/* generals */
|
||||||
html {
|
html {
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@ -21,7 +20,6 @@ body {
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
color: $font_colour;
|
color: $font_colour;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
aside {
|
aside {
|
||||||
|
@ -99,11 +99,13 @@ function makeFullScreen(full) {
|
|||||||
function toggleAside() {
|
function toggleAside() {
|
||||||
$('#expand-aside-icon').toggleClass('fa-arrow-circle-right').toggleClass('fa-arrow-circle-left');
|
$('#expand-aside-icon').toggleClass('fa-arrow-circle-right').toggleClass('fa-arrow-circle-left');
|
||||||
if($('main').hasClass('region_1-on')){
|
if($('main').hasClass('region_1-on')){
|
||||||
|
$('html, body').css('overflow-x', '');
|
||||||
$('main').removeClass('region_1-on')
|
$('main').removeClass('region_1-on')
|
||||||
$('#overlay').remove();
|
$('#overlay').remove();
|
||||||
$('#left_aside_wrapper').trigger("sticky_kit:detach");
|
$('#left_aside_wrapper').trigger("sticky_kit:detach");
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
|
$('html, body').css('overflow-x', 'hidden');
|
||||||
$('main').addClass('region_1-on')
|
$('main').addClass('region_1-on')
|
||||||
$('<div id="overlay"></div>').appendTo('section');
|
$('<div id="overlay"></div>').appendTo('section');
|
||||||
$('#left_aside_wrapper').stick_in_parent({
|
$('#left_aside_wrapper').stick_in_parent({
|
||||||
|
Reference in New Issue
Block a user