Add a classname to the loading bar (#1826)

diff --git a/app/assets/javascripts/components/features/ui/index.jsx b/app/assets/javascripts/components/features/ui/index.jsx
index 5c7cc6ef4e6bafa1b3f998e0b0e86e7ffd6ba179..d3090ae9bf2d3347fbe81ebfddadac7ebf071a79 100644 (file)
--- a/app/assets/javascripts/components/features/ui/index.jsx
+++ b/app/assets/javascripts/components/features/ui/index.jsx
@@ -141,7 +141,7 @@ const UI = React.createClass({
         {mountedColumns}
 
         <NotificationsContainer />
-        <LoadingBarContainer style={{ backgroundColor: '#2b90d9', left: '0', top: '0' }} />
+        <LoadingBarContainer className="loading-bar" />
         <ModalContainer />
         <UploadArea active={draggingOver} />
       </div>

diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 1c363ec1538927db95d1c209ad36b146c6219b18..90fada672d865170983ed140f904724341e2421a 100644 (file)
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -2056,3 +2056,11 @@ button.icon-button.active i.fa-retweet {
     flex: 0 0 auto;
   }
 }
+
+.loading-bar {
+  background-color: $color4;
+  height: 3px;
+  position: absolute;
+  top: 0;
+  left: 0;
+}