moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-06 17:36:38 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

MDL-59884 themes: add styles for overlay loading

Browse source
This commit is contained in:
Simey Lameze 2017-08-22 15:38:53 +08:00
parent 8dc85f9c04
commit 63cb267c1b
3 changed files with 62 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

22
theme/boost/scss/moodle/core.scss
View file

@ -2159,3 +2159,25 @@ $footer-link-color: $bg-inverse-link-color !default;
.clickable {
cursor: pointer;
}
.overlay-icon-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6);
.loading-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.icon {
height: 40px;
width: 40px;
}
}
}

22
theme/bootstrapbase/less/moodle/core.less
View file

@ -2385,3 +2385,25 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
.clickable {
cursor: pointer;
}
.overlay-icon-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6);
.loading-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.icon {
height: 40px;
width: 40px;
}
}
}

18
theme/bootstrapbase/style/moodle.css
View file

@ -4777,6 +4777,24 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
.clickable {
cursor: pointer;
}
.overlay-icon-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6);
}
.overlay-icon-container .loading-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.overlay-icon-container .loading-icon .icon {
height: 40px;
width: 40px;
}
/* admin.less */
.formtable tbody th {
font-weight: normal;