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

moodle · Dec 7, 2021 · f4516e8 · f4516e8
1 parent 51149a7
commit f4516e8
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 2 deletions.
diff --git a/theme/boost/scss/moodle/drawer.scss b/theme/boost/scss/moodle/drawer.scss
@@ -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;

diff --git a/theme/boost/scss/moodle/layout.scss b/theme/boost/scss/moodle/layout.scss
@@ -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;

diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
@@ -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; } }

diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
@@ -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; } }