mirror of
https://github.com/moodle/moodle.git
synced 2025-08-05 08:56:36 +02:00
MDL-57560 boost: File upload progress
Copy / adapt some styles from the bootstrap progress widget to match the DOM used for file upload progress. Bootstrap changed this alot in the current beta so I opted to do a minimal change (affect the scss for boost only), rather than adapt the HTML to something that will change again anyway when we upgrade to the release version of bootstrap 4.
This commit is contained in:
parent
40f1801c4b
commit
4fab795ac9
1 changed files with 11 additions and 4 deletions
|
@ -544,13 +544,20 @@ span.editinstructions {
|
|||
}
|
||||
|
||||
.dndupload-progress-outer {
|
||||
@extend progress;
|
||||
background-color: $progress-bg;
|
||||
@include border-radius($progress-border-radius);
|
||||
@include box-shadow($progress-box-shadow);
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: $spacer-y;
|
||||
margin-bottom: $spacer-y;
|
||||
}
|
||||
|
||||
.dndupload-progress-inner {
|
||||
.progress {
|
||||
@extend .progress-bar;
|
||||
}
|
||||
background-color: $progress-bar-color;
|
||||
@include border-left-radius($progress-border-radius);
|
||||
display: inline-block;
|
||||
height: $spacer-y;
|
||||
}
|
||||
|
||||
.dndupload-hidden {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue