mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-04-21 16:32:18 +02:00
Code Issues Projects Releases Wiki Activity

MDL-81655 theme: Fix maintenance warning positioning

Browse Source
This commit is contained in:
Lars Bonczek 2024-12-17 13:01:31 +01:00
parent a97ddeb2a2
commit f128e7b916
6 changed files with 76 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/classes/output/core_renderer.php
View File

@ -331,7 +331,7 @@ class core_renderer extends renderer_base {
$timeleft = $CFG->maintenance_later - time();
// If timeleft less than 30 sec, set the class on block to error to highlight.
$errorclass = ($timeleft < 30) ? 'alert-error alert-danger' : 'alert-warning';
$output .= $this->box_start($errorclass . ' moodle-has-zindex maintenancewarning m-3 alert');
$output .= $this->box_start($errorclass . ' moodle-has-zindex maintenancewarning alert');
$a = new stdClass();
$a->hour = (int)($timeleft / 3600);
$a->min = (int)(floor($timeleft / 60) % 60);

4
theme/boost/scss/moodle/admin.scss
View File

@ -622,9 +622,13 @@
position: fixed;
bottom: 0;
right: 0;
margin: 1rem;
overflow: hidden;
z-index: $zindex-dropdown;
}
.jsenabled .maintenancewarning {
@include transition(0.2s);
}
.modal.modal-in-page {
z-index: 0;

8
theme/boost/scss/moodle/core.scss
View File

@ -2222,6 +2222,10 @@ $footer-link-color: $bg-inverse-link-color !default;
bottom: calc(4rem + #{$stickyfooter-height});
}
.hasstickyfooter .maintenancewarning {
bottom: #{$stickyfooter-height};
}
.popover.footer {
.popover-body {
padding: 0;
@ -2253,6 +2257,10 @@ $footer-link-color: $bg-inverse-link-color !default;
display: block;
z-index: $zindex-dropdown;
}
.jsenabled .maintenancewarning,
.jsenabled.hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
right: 5rem;
}
}
.bg-inverse a {

9
theme/boost/scss/moodle/layout.scss
View File

@ -162,6 +162,12 @@
visibility: hidden;
}
}
.hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
right: 2rem;
}
.hasstickyfooter:has(.drawer-left-toggle) .maintenancewarning {
margin-left: 3.5rem;
}
}
@include media-breakpoint-up(sm) {
@ -220,6 +226,9 @@
.jsenabled & .btn-footer-communication {
right: calc(#{$drawer-right-width} + 2rem);
}
.jsenabled:has(&) .maintenancewarning {
right: calc(#{$drawer-right-width} + 5rem);
}
}
&.show-drawer-left.show-drawer-right {
margin-left: $drawer-left-width;

27
theme/boost/style/moodle.css
View File

@ -25195,6 +25195,10 @@ dd:after {
bottom: calc(4rem + max(80px, 0.9375rem * 3));
}
.hasstickyfooter .maintenancewarning {
bottom: max(80px, 0.9375rem * 3);
}
.popover.footer .popover-body {
padding: 0;
}
@ -25222,6 +25226,10 @@ dd:after {
display: block;
z-index: 1000;
}
.jsenabled .maintenancewarning,
.jsenabled.hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
right: 5rem;
}
}
.bg-inverse a {
color: #fff;
@ -26961,10 +26969,20 @@ img.icon {
position: fixed;
bottom: 0;
right: 0;
margin: 1rem;
overflow: hidden;
z-index: 1000;
}
.jsenabled .maintenancewarning {
transition: 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.jsenabled .maintenancewarning {
transition: none;
}
}
.modal.modal-in-page {
z-index: 0;
}
@ -37005,6 +37023,12 @@ body.tox-fullscreen .tox.tox-tinymce-aux {
pointer-events: auto;
visibility: hidden;
}
.hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
right: 2rem;
}
.hasstickyfooter:has(.drawer-left-toggle) .maintenancewarning {
margin-left: 3.5rem;
}
}
@media (min-width: 576px) {
#page.drawers .main-inner {
@ -37064,6 +37088,9 @@ body.tox-fullscreen .tox.tox-tinymce-aux {
.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);
}
.jsenabled:has(#page.drawers.show-drawer-right) .maintenancewarning {
right: calc(315px + 5rem);
}
}
@media (min-width: 992px) {
#page.drawers.show-drawer-left.show-drawer-right {

27
theme/classic/style/moodle.css
View File

@ -25195,6 +25195,10 @@ dd:after {
bottom: calc(4rem + max(80px, 0.9375rem * 3));
}
.hasstickyfooter .maintenancewarning {
bottom: max(80px, 0.9375rem * 3);
}
.popover.footer .popover-body {
padding: 0;
}
@ -25222,6 +25226,10 @@ dd:after {
display: block;
z-index: 1000;
}
.jsenabled .maintenancewarning,
.jsenabled.hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
right: 5rem;
}
}
.bg-inverse a {
color: #fff;
@ -26961,10 +26969,20 @@ img.icon {
position: fixed;
bottom: 0;
right: 0;
margin: 1rem;
overflow: hidden;
z-index: 1000;
}
.jsenabled .maintenancewarning {
transition: 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.jsenabled .maintenancewarning {
transition: none;
}
}
.modal.modal-in-page {
z-index: 0;
}
@ -36939,6 +36957,12 @@ body.tox-fullscreen .tox.tox-tinymce-aux {
pointer-events: auto;
visibility: hidden;
}
.hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
right: 2rem;
}
.hasstickyfooter:has(.drawer-left-toggle) .maintenancewarning {
margin-left: 3.5rem;
}
}
@media (min-width: 576px) {
#page.drawers .main-inner {
@ -36998,6 +37022,9 @@ body.tox-fullscreen .tox.tox-tinymce-aux {
.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);
}
.jsenabled:has(#page.drawers.show-drawer-right) .maintenancewarning {
right: calc(315px + 5rem);
}
}
@media (min-width: 992px) {
#page.drawers.show-drawer-left.show-drawer-right {