From 7de63e177efbeef5c59695d8d70ccf38c3c47f71 Mon Sep 17 00:00:00 2001 From: Kanika Murarka Date: Tue, 22 Jan 2019 13:28:21 +0530 Subject: [PATCH] Adds branding to progress bar Signed-off-by: Kanika Murarka --- .../components/usage-bar/usage-bar.component.scss | 11 +++++++++++ .../mgr/dashboard/frontend/src/branding/branding.scss | 6 ++++++ 2 files changed, 17 insertions(+) diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/usage-bar/usage-bar.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/usage-bar/usage-bar.component.scss index e69de29bb2d1d..cd5b4012d64bd 100644 --- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/usage-bar/usage-bar.component.scss +++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/usage-bar/usage-bar.component.scss @@ -0,0 +1,11 @@ +@import '../../../../branding/branding'; + +.progress-bar { + background-color: $color-patternfly-progressbar !important; + -webkit-box-shadow: $shadow-patternfly-progressbar; + box-shadow: $shadow-patternfly-progressbar; +} + +.progress-bar-info { + background-color: $color-patternfly-progressinfo !important; +} diff --git a/src/pybind/mgr/dashboard/frontend/src/branding/branding.scss b/src/pybind/mgr/dashboard/frontend/src/branding/branding.scss index 82808633dc1dd..f70db83aadfa1 100644 --- a/src/pybind/mgr/dashboard/frontend/src/branding/branding.scss +++ b/src/pybind/mgr/dashboard/frontend/src/branding/branding.scss @@ -3,6 +3,7 @@ $color-copper-black: #4d5258; $color-sea-blue: #0088ce; $color-dark-sea-blue: #00659c; +$color-patternfly-blue: #39a5dc; /* Navigation */ $color-branding-nav-hover: linear-gradient(to bottom, #72757a 0, #64686c 100%); @@ -15,3 +16,8 @@ $color-selected-language: $color-copper-black; $color-patternfly-button-background: $color-sea-blue; $color-patternfly-button-border: $color-dark-sea-blue; $color-disabled-button: $color-white-gray; + +/* Progress Bar */ +$color-patternfly-progressbar: $color-grad-gray; +$shadow-patternfly-progressbar: inset 0 0 1px rgba(3, 3, 3, 0.25); +$color-patternfly-progressinfo: $color-patternfly-blue;