MDL-73793 theme_boost: iOS scroll and drawertoggle

This commit is contained in:
Bas Brands
2022-02-22 15:37:04 +01:00
parent 0f94f29296
commit d5db2b18ce
4 changed files with 37 additions and 33 deletions
+1 -1
View File
@@ -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 {
+12 -10
View File
@@ -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;
}
}
+12 -11
View File
@@ -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;
+12 -11
View File
@@ -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;