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

MDL-81460 theme_boost: Fix loading spinner wobbles

Browse Source
This commit is contained in:
Mikel Martín 2024-04-08 14:21:36 +02:00
parent 7b9a4eeca5
commit 6de045dea0
7 changed files with 38 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lib/classes/output/icon_system_fontawesome.php
View File

@ -265,8 +265,8 @@ class icon_system_fontawesome extends icon_system_font {
'core:i/info' => 'fa-info',
'core:i/invalid' => 'fa-times text-danger',
'core:i/item' => 'fa-circle',
'core:i/loading' => 'fa-circle-o-notch fa-spin',
'core:i/loading_small' => 'fa-circle-o-notch fa-spin',
'core:i/loading' => 'fa-circle-o-notch fa-spin fa-sm',
'core:i/loading_small' => 'fa-circle-o-notch fa-spin fa-sm',
'core:i/location' => 'fa-map-marker',
'core:i/lock' => 'fa-lock',
'core:i/log' => 'fa-list-alt',

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

@ -1521,8 +1521,8 @@ audio.mediaplugin_html5audio {
.icon {
display: block;
font-size: 3em;
height: 1em;
width: 1em;
max-height: 3em;
max-width: 3em;
}
}
.carousel-item .loading-icon .icon {
@ -2338,9 +2338,9 @@ $footer-link-color: $bg-inverse-link-color !default;
transform: translate(-50%, -50%);
.icon {
height: 30px;
width: 30px;
font-size: 30px;
max-height: 2em;
max-width: 2em;
font-size: 2em;
}
}
}

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

@ -25,8 +25,8 @@
top: 40%;
position: fixed;
.icon {
width: 1em;
height: 1em;
max-width: 4em;
max-height: 4em;
font-size: 4em;
}
}

6
theme/boost/scss/moodle/moodlenet.scss
View File

@ -60,9 +60,9 @@
.moodlenet-share-modal-content {
.loading-icon {
.icon {
width: 60px;
height: 60px;
font-size: 60px;
max-width: 4em;
max-height: 4em;
font-size: 4em;
}
}

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

@ -76,8 +76,8 @@ table {
left: calc(50% - 1.5rem);
top: 200px;
.icon {
height: 3rem;
width: 3rem;
max-height: 3rem;
max-width: 3rem;
font-size: 3rem;
}
}

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

@ -24546,8 +24546,8 @@ audio.mediaplugin_html5audio {
.modchooser .modal-body .loading-icon .icon {
display: block;
font-size: 3em;
height: 1em;
width: 1em;
max-height: 3em;
max-width: 3em;
}
.modchooser .modal-body .carousel-item .loading-icon .icon {
margin: 1em auto;
@ -25282,9 +25282,9 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
transform: translate(-50%, -50%);
}
.overlay-icon-container .loading-icon .icon {
height: 30px;
width: 30px;
font-size: 30px;
max-height: 2em;
max-width: 2em;
font-size: 2em;
}
.w-auto {
@ -35146,8 +35146,8 @@ table .sticky-column {
top: 200px;
}
.table-dynamic .loading-icon .icon {
height: 3rem;
width: 3rem;
max-height: 3rem;
max-width: 3rem;
font-size: 3rem;
}
@ -36861,8 +36861,8 @@ span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, sp
position: fixed;
}
.layout.fullscreen .loading-icon .icon {
width: 1em;
height: 1em;
max-width: 4em;
max-height: 4em;
font-size: 4em;
}
@ -38637,9 +38637,9 @@ div.editor_atto_toolbar button .icon {
padding: 1rem;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
width: 60px;
height: 60px;
font-size: 60px;
max-width: 4em;
max-height: 4em;
font-size: 4em;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
height: 18rem;

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

@ -24546,8 +24546,8 @@ audio.mediaplugin_html5audio {
.modchooser .modal-body .loading-icon .icon {
display: block;
font-size: 3em;
height: 1em;
width: 1em;
max-height: 3em;
max-width: 3em;
}
.modchooser .modal-body .carousel-item .loading-icon .icon {
margin: 1em auto;
@ -25282,9 +25282,9 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
transform: translate(-50%, -50%);
}
.overlay-icon-container .loading-icon .icon {
height: 30px;
width: 30px;
font-size: 30px;
max-height: 2em;
max-width: 2em;
font-size: 2em;
}
.w-auto {
@ -35146,8 +35146,8 @@ table .sticky-column {
top: 200px;
}
.table-dynamic .loading-icon .icon {
height: 3rem;
width: 3rem;
max-height: 3rem;
max-width: 3rem;
font-size: 3rem;
}
@ -36795,8 +36795,8 @@ span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, sp
position: fixed;
}
.layout.fullscreen .loading-icon .icon {
width: 1em;
height: 1em;
max-width: 4em;
max-height: 4em;
font-size: 4em;
}
@ -38571,9 +38571,9 @@ div.editor_atto_toolbar button .icon {
padding: 1rem;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
width: 60px;
height: 60px;
font-size: 60px;
max-width: 4em;
max-height: 4em;
font-size: 4em;
}
.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
height: 18rem;