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

MDL-68417 core_table: add some css styling to loading icon

Browse source
This commit is contained in:
Simey Lameze 2020-05-11 15:14:10 +08:00
parent eebe3ca611
commit d717918c87
4 changed files with 30 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
lib/tablelib.php
View file

@ -1645,6 +1645,7 @@ class flexible_table {
if (is_a($this, \core_table\dynamic::class)) { if (is_a($this, \core_table\dynamic::class)) {
$sortdata = $this->get_sort_order(); $sortdata = $this->get_sort_order();
return html_writer::start_tag('div', [ return html_writer::start_tag('div', [
'class' => 'table-dynamic position-relative',
'data-region' => 'core_table/dynamic', 'data-region' => 'core_table/dynamic',
'data-table-handler' => $this->get_handler(), 'data-table-handler' => $this->get_handler(),
'data-table-component' => $this->get_component(), 'data-table-component' => $this->get_component(),

11
theme/boost/scss/moodle/tables.scss
View file

@ -46,3 +46,14 @@ table {
caption-side: top; caption-side: top;
} }
} }
.table-dynamic .loading-icon {
position: absolute;
left: calc(50% - 1.5rem);
top: 200px;
.icon {
height: 3rem;
width: 3rem;
font-size: 3rem;
}
}

9
theme/boost/style/moodle.css
View file

@ -17168,6 +17168,15 @@ table caption {
text-align: left; text-align: left;
caption-side: top; } caption-side: top; }
.table-dynamic .loading-icon {
position: absolute;
left: calc(50% - 1.5rem);
top: 200px; }
.table-dynamic .loading-icon .icon {
height: 3rem;
width: 3rem;
font-size: 3rem; }
.singlebutton { .singlebutton {
display: inline-block; } display: inline-block; }
.singlebutton + .singlebutton { .singlebutton + .singlebutton {

9
theme/classic/style/moodle.css
View file

@ -17400,6 +17400,15 @@ table caption {
text-align: left; text-align: left;
caption-side: top; } caption-side: top; }
.table-dynamic .loading-icon {
position: absolute;
left: calc(50% - 1.5rem);
top: 200px; }
.table-dynamic .loading-icon .icon {
height: 3rem;
width: 3rem;
font-size: 3rem; }
.singlebutton { .singlebutton {
display: inline-block; } display: inline-block; }
.singlebutton + .singlebutton { .singlebutton + .singlebutton {