From f49fe38ff0ea45c639354906173b84dd5c110c54 Mon Sep 17 00:00:00 2001 From: Ishan Rai Date: Thu, 2 Jul 2020 09:16:05 +0000 Subject: [PATCH] mgr/dashboard: use relative font sizes Fixes: https://tracker.ceph.com/issues/38890 Signed-off-by: Ishan Rai --- .../src/app/ceph/dashboard/health/health.component.scss | 2 +- .../src/app/ceph/dashboard/info-card/info-card-popover.scss | 2 +- .../src/app/ceph/dashboard/info-group/info-group.component.scss | 2 +- .../frontend/src/app/core/forbidden/forbidden.component.scss | 2 +- .../notifications-sidebar/notifications-sidebar.component.scss | 2 +- .../src/app/shared/components/select/select.component.scss | 2 +- src/pybind/mgr/dashboard/frontend/src/styles.scss | 2 +- 7 files changed, 7 insertions(+), 7 deletions(-) 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 1a71beb280a92..4b76b22867703 100644 --- 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 d2e760fd59d11..164c74d196dbe 100644 --- 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 cc95eb5430891..58245c45596da 100644 --- 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 a86acb4d5b557..f320c2b583988 100644 --- 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 92a5c2e94c0e8..8e1334853f04b 100644 --- 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 6f7d9bfd00457..b8acc1fd8d22f 100644 --- 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 68fc56ea9bf5b..58f4eb7071565 100644 --- 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; } -- 2.39.5