MDL-73793 theme_boost: iOS scroll and drawertoggle
This commit is contained in:
@@ -153,7 +153,7 @@
|
||||
|
||||
.drawer-right-toggle,
|
||||
.drawer-left-toggle {
|
||||
top: calc(99vh - (#{$navbar-height} * 2));
|
||||
top: calc(99vh - (#{$navbar-height} * 2.5));
|
||||
}
|
||||
}
|
||||
#page.drawers.scroll-down {
|
||||
|
||||
@@ -7,19 +7,21 @@ body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#page-wrapper {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
#page {
|
||||
flex: 1 0 auto;
|
||||
@include media-breakpoint-up(sm) {
|
||||
#page-wrapper {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
#page-content {
|
||||
#page {
|
||||
flex: 1 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
#page-content {
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
}
|
||||
#page-footer {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
#page-footer {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19867,18 +19867,19 @@ html,
|
||||
body {
|
||||
height: 100%; }
|
||||
|
||||
#page-wrapper {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
#page-wrapper #page {
|
||||
flex: 1 0 auto;
|
||||
@media (min-width: 576px) {
|
||||
#page-wrapper {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
#page-wrapper #page #page-content {
|
||||
flex: 1 0 auto; }
|
||||
#page-wrapper #page-footer {
|
||||
flex-shrink: 0; }
|
||||
#page-wrapper #page {
|
||||
flex: 1 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
#page-wrapper #page #page-content {
|
||||
flex: 1 0 auto; }
|
||||
#page-wrapper #page-footer {
|
||||
flex-shrink: 0; } }
|
||||
|
||||
.popover-region {
|
||||
position: relative; }
|
||||
@@ -20453,7 +20454,7 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
|
||||
z-index: 100; }
|
||||
.drawer-toggles .drawer-right-toggle,
|
||||
.drawer-toggles .drawer-left-toggle {
|
||||
top: calc(99vh - (60px * 2)); }
|
||||
top: calc(99vh - (60px * 2.5)); }
|
||||
#page.drawers.scroll-down .drawer-right-toggle {
|
||||
transform: translateX(150%);
|
||||
pointer-events: auto;
|
||||
|
||||
@@ -19813,18 +19813,19 @@ html,
|
||||
body {
|
||||
height: 100%; }
|
||||
|
||||
#page-wrapper {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
#page-wrapper #page {
|
||||
flex: 1 0 auto;
|
||||
@media (min-width: 576px) {
|
||||
#page-wrapper {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
#page-wrapper #page #page-content {
|
||||
flex: 1 0 auto; }
|
||||
#page-wrapper #page-footer {
|
||||
flex-shrink: 0; }
|
||||
#page-wrapper #page {
|
||||
flex: 1 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
#page-wrapper #page #page-content {
|
||||
flex: 1 0 auto; }
|
||||
#page-wrapper #page-footer {
|
||||
flex-shrink: 0; } }
|
||||
|
||||
.popover-region {
|
||||
position: relative; }
|
||||
@@ -20399,7 +20400,7 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
|
||||
z-index: 100; }
|
||||
.drawer-toggles .drawer-right-toggle,
|
||||
.drawer-toggles .drawer-left-toggle {
|
||||
top: calc(99vh - (50px * 2)); }
|
||||
top: calc(99vh - (50px * 2.5)); }
|
||||
#page.drawers.scroll-down .drawer-right-toggle {
|
||||
transform: translateX(150%);
|
||||
pointer-events: auto;
|
||||
|
||||
Reference in New Issue
Block a user