From 3031e3de729491918718349264dcaee255ab8878 Mon Sep 17 00:00:00 2001
From: Damyon Wiese <damyon@moodle.com>
Date: Mon, 30 Oct 2017 13:09:42 +0800
Subject: [PATCH] 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.
---
 theme/boost/scss/moodle/course.scss | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/theme/boost/scss/moodle/course.scss b/theme/boost/scss/moodle/course.scss
index 8b690ed549e..7393c00c313 100644
--- a/theme/boost/scss/moodle/course.scss
+++ b/theme/boost/scss/moodle/course.scss
@@ -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 {