diff --git a/theme/boost/scss/moodle/drawer.scss b/theme/boost/scss/moodle/drawer.scss index 057cd998356..a57de7fbe13 100644 --- a/theme/boost/scss/moodle/drawer.scss +++ b/theme/boost/scss/moodle/drawer.scss @@ -47,6 +47,7 @@ $drawer-bg: darken($body-bg, 5%) !default; [data-region="drawer"] { padding: $drawer-padding-x $drawer-padding-y; } + .jsenabled .popover-process-monitor, .jsenabled .btn-footer-popover, .jsenabled .btn-footer-communication { @include transition(0.2s); diff --git a/theme/boost/scss/moodle/layout.scss b/theme/boost/scss/moodle/layout.scss index 3be9b6b4bff..be9b732959c 100644 --- a/theme/boost/scss/moodle/layout.scss +++ b/theme/boost/scss/moodle/layout.scss @@ -228,6 +228,7 @@ margin-left: 0; margin-right: $drawer-right-width; padding-right: 1rem; + .jsenabled & .popover-process-monitor, .jsenabled & .btn-footer-popover, .jsenabled & .btn-footer-communication { right: calc(#{$drawer-right-width} + 2rem); diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css index 4378a9917c5..e7c9ac8139f 100644 --- a/theme/boost/style/moodle.css +++ b/theme/boost/style/moodle.css @@ -29862,12 +29862,14 @@ span.editinstructions .alert-link { [data-region=drawer] { padding: 20px 20px; } + .jsenabled .popover-process-monitor, .jsenabled .btn-footer-popover, .jsenabled .btn-footer-communication { transition: 0.2s; } } @media (min-width: 576px) and (prefers-reduced-motion: reduce) { + .jsenabled .popover-process-monitor, .jsenabled .btn-footer-popover, .jsenabled .btn-footer-communication { transition: none; @@ -37026,7 +37028,7 @@ span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, sp margin-right: 315px; padding-right: 1rem; } - .jsenabled #page.drawers.show-drawer-right .btn-footer-popover, .jsenabled #page.drawers.show-drawer-right .btn-footer-communication { + .jsenabled #page.drawers.show-drawer-right .popover-process-monitor, .jsenabled #page.drawers.show-drawer-right .btn-footer-popover, .jsenabled #page.drawers.show-drawer-right .btn-footer-communication { right: calc(315px + 2rem); } } diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css index a6f8dc71f4f..4cb65505ddd 100644 --- a/theme/classic/style/moodle.css +++ b/theme/classic/style/moodle.css @@ -29862,12 +29862,14 @@ span.editinstructions .alert-link { [data-region=drawer] { padding: 20px 20px; } + .jsenabled .popover-process-monitor, .jsenabled .btn-footer-popover, .jsenabled .btn-footer-communication { transition: 0.2s; } } @media (min-width: 576px) and (prefers-reduced-motion: reduce) { + .jsenabled .popover-process-monitor, .jsenabled .btn-footer-popover, .jsenabled .btn-footer-communication { transition: none; @@ -36960,7 +36962,7 @@ span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, sp margin-right: 315px; padding-right: 1rem; } - .jsenabled #page.drawers.show-drawer-right .btn-footer-popover, .jsenabled #page.drawers.show-drawer-right .btn-footer-communication { + .jsenabled #page.drawers.show-drawer-right .popover-process-monitor, .jsenabled #page.drawers.show-drawer-right .btn-footer-popover, .jsenabled #page.drawers.show-drawer-right .btn-footer-communication { right: calc(315px + 2rem); } }