From 4f3fe40c8613322ff08050e52958fdf8e154656a Mon Sep 17 00:00:00 2001 From: Sean Oh Date: Thu, 17 Nov 2016 16:54:10 -0500 Subject: [PATCH 1/4] Initial style pass: reposition message to center, overlay screen with black opacity, restyle hover buttons --- src/app/styles/index.less | 2 +- src/app/styles/message-background.less | 5 +---- src/internal-packages/status/styles/index.less | 11 ++++++++--- 3 files changed, 10 insertions(+), 8 deletions(-) diff --git a/src/app/styles/index.less b/src/app/styles/index.less index c2ab84d4079..1b933bc68bb 100644 --- a/src/app/styles/index.less +++ b/src/app/styles/index.less @@ -34,7 +34,7 @@ html, body { } } #statusbar { - background: 0 0; + background-color: rgba(0, 0, 0, .75); position: fixed; top: 0; left: 0; diff --git a/src/app/styles/message-background.less b/src/app/styles/message-background.less index b085d01372a..b715fc5f7c0 100644 --- a/src/app/styles/message-background.less +++ b/src/app/styles/message-background.less @@ -13,14 +13,11 @@ ul.message-background.centered { display: -webkit-flex; position: absolute; top: 0; - left: 200; + left: 0; right: 0; bottom: 0; -webkit-align-items: center; text-align: center; - &.with-sidebar { - left: @sidebar-width; - } } ul.message-background.centered li { diff --git a/src/internal-packages/status/styles/index.less b/src/internal-packages/status/styles/index.less index 354ad957260..8b6c7cd004f 100644 --- a/src/internal-packages/status/styles/index.less +++ b/src/internal-packages/status/styles/index.less @@ -1,5 +1,4 @@ #statusbar { - background: 0 0; position: fixed; top: 0; left: 0; @@ -33,7 +32,7 @@ } .spinner > div { - background-color: rgba(0, 0, 0, 0.2);; + background-color: #6ba442; margin: 0 3px 0 0; height: 100%; width: 10px; @@ -85,6 +84,12 @@ .btn.btn-info { margin-right: 5px; } + + .btn.btn-info:hover { + background-color: #67b144; + border-color: #67b144; + color: white; + } div.buttons { font-size: 14px; } @@ -97,7 +102,7 @@ margin: 0 auto 30px; text-align: left; font-size: 24px; - color: @gray3; + color: white; font-weight: 200; li { From 3f88871710633c17c378a268bc1ed33107cb2620 Mon Sep 17 00:00:00 2001 From: Sean Oh Date: Thu, 17 Nov 2016 17:17:52 -0500 Subject: [PATCH 2/4] Make message white on black overlay --- src/app/styles/message-background.less | 1 + 1 file changed, 1 insertion(+) diff --git a/src/app/styles/message-background.less b/src/app/styles/message-background.less index b715fc5f7c0..12a631a7e95 100644 --- a/src/app/styles/message-background.less +++ b/src/app/styles/message-background.less @@ -27,6 +27,7 @@ ul.message-background li { margin: 0; padding: 0; list-style: none; + color: white; } .message-background-tip { From 46800f03c4c02e536638f93dd792667e02656b68 Mon Sep 17 00:00:00 2001 From: Sean Oh Date: Mon, 21 Nov 2016 11:49:58 -0500 Subject: [PATCH 3/4] Switch to white overlay --- src/app/styles/index.less | 2 +- src/app/styles/message-background.less | 2 +- src/internal-packages/status/styles/index.less | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/styles/index.less b/src/app/styles/index.less index 1b933bc68bb..1f6c9aa079f 100644 --- a/src/app/styles/index.less +++ b/src/app/styles/index.less @@ -34,7 +34,7 @@ html, body { } } #statusbar { - background-color: rgba(0, 0, 0, .75); + background-color: rgba(255, 255, 255, .75); position: fixed; top: 0; left: 0; diff --git a/src/app/styles/message-background.less b/src/app/styles/message-background.less index 12a631a7e95..dbc912290a2 100644 --- a/src/app/styles/message-background.less +++ b/src/app/styles/message-background.less @@ -27,7 +27,7 @@ ul.message-background li { margin: 0; padding: 0; list-style: none; - color: white; + color: @gray5; } .message-background-tip { diff --git a/src/internal-packages/status/styles/index.less b/src/internal-packages/status/styles/index.less index 8b6c7cd004f..d7a083c2546 100644 --- a/src/internal-packages/status/styles/index.less +++ b/src/internal-packages/status/styles/index.less @@ -102,7 +102,7 @@ margin: 0 auto 30px; text-align: left; font-size: 24px; - color: white; + color: @gray5; font-weight: 200; li { From f4a4397effa7beb02ef0970fb9d89c57b2c02c22 Mon Sep 17 00:00:00 2001 From: Sean Oh Date: Mon, 21 Nov 2016 14:01:47 -0500 Subject: [PATCH 4/4] Switched back to grey text and progress bar --- src/app/styles/index.less | 2 +- src/internal-packages/status/styles/index.less | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/styles/index.less b/src/app/styles/index.less index 1f6c9aa079f..9316aae4bfe 100644 --- a/src/app/styles/index.less +++ b/src/app/styles/index.less @@ -34,7 +34,7 @@ html, body { } } #statusbar { - background-color: rgba(255, 255, 255, .75); + background-color: rgba(255, 255, 255, .5); position: fixed; top: 0; left: 0; diff --git a/src/internal-packages/status/styles/index.less b/src/internal-packages/status/styles/index.less index d7a083c2546..381b1027097 100644 --- a/src/internal-packages/status/styles/index.less +++ b/src/internal-packages/status/styles/index.less @@ -32,7 +32,7 @@ } .spinner > div { - background-color: #6ba442; + background-color: rgba(0, 0, 0, 0.2);; margin: 0 3px 0 0; height: 100%; width: 10px; @@ -102,7 +102,7 @@ margin: 0 auto 30px; text-align: left; font-size: 24px; - color: @gray5; + color: @gray3; font-weight: 200; li {