MDL-72910 theme: move show footer button when right drawer expands

This commit is contained in:
Shamim Rezaie 2021-11-26 05:18:21 +11:00
parent 51149a78cc
commit f4516e8cbd
4 changed files with 16 additions and 2 deletions

View File

@ -49,6 +49,9 @@ $drawer-bg: darken($body-bg, 5%) !default;
[data-region="drawer"] {
padding: $drawer-padding-x $drawer-padding-y;
}
.jsenabled .btn-footer-popover {
transition: 0.2s;
}
}
#nav-drawer {
right: auto;

View File

@ -165,6 +165,9 @@
margin-left: 0;
margin-right: $drawer-right-width;
padding-right: 1rem;
.jsenabled & .btn-footer-popover {
right: calc(#{$drawer-right-width} + 2rem);
}
}
&.show-drawer-left.show-drawer-right {
margin-left: $drawer-left-width;

View File

@ -14666,7 +14666,9 @@ span.editinstructions {
@media (min-width: 576px) {
[data-region="drawer"] {
padding: 20px 20px; } }
padding: 20px 20px; }
.jsenabled .btn-footer-popover {
transition: 0.2s; } }
#nav-drawer {
right: auto;
@ -20134,6 +20136,8 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
margin-left: 0;
margin-right: 315px;
padding-right: 1rem; }
.jsenabled #page.drawers.show-drawer-right .btn-footer-popover {
right: calc(315px + 2rem); }
#page.drawers.show-drawer-left.show-drawer-right {
margin-left: 285px;
margin-right: 315px; } }

View File

@ -14666,7 +14666,9 @@ span.editinstructions {
@media (min-width: 576px) {
[data-region="drawer"] {
padding: 20px 20px; } }
padding: 20px 20px; }
.jsenabled .btn-footer-popover {
transition: 0.2s; } }
#nav-drawer {
right: auto;
@ -20080,6 +20082,8 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
margin-left: 0;
margin-right: 315px;
padding-right: 1rem; }
.jsenabled #page.drawers.show-drawer-right .btn-footer-popover {
right: calc(315px + 2rem); }
#page.drawers.show-drawer-left.show-drawer-right {
margin-left: 285px;
margin-right: 315px; } }