mgr/dashboard: New Landing Page: Milestone 2

CSS refactor: move color to defaults.scss

Fixes: https://tracker.ceph.com/issues/27050
Signed-off-by: Alfonso Martínez <almartin@redhat.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card.component.scss
index 2a353e3189a909e77d33f099b81df6f1beb6a232..0523e9160b64dc8abe0ecddbf8c56b558a1e6d46 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card.component.scss
@@ -12,7 +12,7 @@ $logs-text-font-size: $card-font-min-size;
   border: 0.5px solid $color-info-card-border;
   border-radius: 3px;
   background-color: $color-solid-white;
-  box-shadow: 0 1px 1px rgba(3, 3, 3, 0.175);
+  box-shadow: 0 1px 1px $color-shadow-gray;
   margin: 0 -10px 20px;
   padding: 0 20px;
   width: auto;

diff --git a/src/pybind/mgr/dashboard/frontend/src/defaults.scss b/src/pybind/mgr/dashboard/frontend/src/defaults.scss
index ea43b4af98836c83b9a45ff99861ff11f6a439d0..bc7dccf71b36303b08a79344497ea6bb9c66bd95 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/defaults.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/defaults.scss
@@ -26,6 +26,7 @@ $color-gray: #505050;
 $color-mild-gray: #777777;
 $color-blue-gray: #90949c;
 $color-grad-gray: #ededed;
+$color-shadow-gray: rgba(3, 3, 3, 0.175);
 $color-light-gray: #d1d1d1;
 $color-soft-gray: #ddd;
 $color-white-gray: #eee;