mgr/dashboard: use relative font sizes

Fixes: https://tracker.ceph.com/issues/38890
Signed-off-by: Ishan Rai <ishanrai05@gmail.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/health/health.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/health/health.component.scss
index 1a71beb280a92add2c931c9edc2b568c68cbb32c..4b76b22867703433c4ac21a07f7cf2934df09034 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/health/health.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/health/health.component.scss
@@ -15,7 +15,7 @@ cd-info-card {
     width: 116%;
 
     .popover-body {
-      font-size: 12px;
+      font-size: 1rem;
       max-height: 19vh;
       max-width: 100%;
     }

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card-popover.scss b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card-popover.scss
index d2e760fd59d1124add1c830d33cdcbbccc25e7d5..164c74d196dbeb680dfa329ab7a516d49baf0f1f 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card-popover.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card-popover.scss
@@ -5,7 +5,7 @@
   max-width: 23vw;
 
   .popover-body {
-    font-size: 12px;
+    font-size: 1rem;
     max-height: 19vh;
     max-width: 100%;
   }

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-group/info-group.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-group/info-group.component.scss
index cc95eb5430891c6513951f717497de41af24b8c5..58245c45596da9d67fc78389ebdf2762b2866635 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-group/info-group.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-group/info-group.component.scss
@@ -1,4 +1,4 @@
 .info-group-title {
-  font-size: 21px;
+  font-size: 1.75rem;
   margin: 0 0 0.5vw 0.5vw;
 }

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/forbidden/forbidden.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/core/forbidden/forbidden.component.scss
index a86acb4d5b557a8f48ced48a28d11909378552d4..f320c2b5839885e4ad126e515d24ad52ca56c15b 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/forbidden/forbidden.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/forbidden/forbidden.component.scss
@@ -9,5 +9,5 @@ h2 {
 }
 
 i {
-  font-size: 200px;
+  font-size: 16.667rem;
 }

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/notifications-sidebar/notifications-sidebar.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/notifications-sidebar/notifications-sidebar.component.scss
index 92a5c2e94c0e8ffbd037a92d7a38514888b038e1..8e1334853f04bdde02f396e009a892211429323c 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/notifications-sidebar/notifications-sidebar.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/notifications-sidebar/notifications-sidebar.component.scss
@@ -29,7 +29,7 @@ ngx-simplebar {
 .separator {
   background-color: $color-popover-seperator-bg;
   color: $color-popover-seperator-text;
-  font-size: 12px;
+  font-size: 1rem;
   padding: 5px 12px;
 }
 

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select/select.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select/select.component.scss
index 6f7d9bfd00457243a0379fe1d707619424908e3e..b8acc1fd8d22fffc19dc28510dfa495d61b8bd8a 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select/select.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select/select.component.scss
@@ -4,7 +4,7 @@
   border-bottom: 1px solid $color-transparent;
   cursor: pointer;
   display: block;
-  font-size: 12px;
+  font-size: 1rem;
 
   &:hover {
     background-color: $color-whitesmoke-gray;

diff --git a/src/pybind/mgr/dashboard/frontend/src/styles.scss b/src/pybind/mgr/dashboard/frontend/src/styles.scss
index 68fc56ea9bf5bc69d6042a6959558e2ba196afe6..58f4eb7071565d10f322ab7d6291d3b6112f5ad5 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/styles.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/styles.scss
@@ -322,7 +322,7 @@ a {
 .required::after {
   color: $color-required-text;
   content: '*';
-  font-size: 14px;
+  font-size: 1.167rem;
   padding-left: 4px;
 }