commit: bddd36f2602a809e64920292c4bb4382a4b97c1d
parent: b857551617707029fb4af3032fbad2ddf76ea673
Author: Alda Marteau-Hardi <github@ltch.fr>
Date: Sat, 15 Apr 2017 13:17:54 +0200
Add a classname to the loading bar (#1826)
Diffstat:
2 files changed, 9 insertions(+), 1 deletion(-)
diff --git 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
@@ -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;
+}