.off-canvas-wrapper {
width: 100%;
- height: 100%;
+ overflow-x: hidden;
position: relative;
- overflow: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: auto;
}
@include clearfix;
position: relative;
width: 100%;
- height: 100%;
+ min-height: 100%;
transition: transform $offcanvas-transition-length $offcanvas-transition-timing;
}
// Container for page content
.off-canvas-content,
.#{$maincontent-class} {
- height: 100%;
+ min-height: 100%;
background: $body-background;
transition: transform $offcanvas-transition-length $offcanvas-transition-timing;
backface-visibility: hidden;
- overflow-y: auto;
z-index: 1;
padding-bottom: 0.1px; // Prevents margin collapsing, which would reveal the box shadow of the wrapper
position: absolute;
background: $offcanvas-background;
z-index: $offcanvas-zindex;
- height: 100%;
+ max-height: 100%;
overflow-y: auto;
transform: translateX(0);
}