From 79f7fa208eb5275db67555af4d3e8c994683ed45 Mon Sep 17 00:00:00 2001 From: alfonsomthd Date: Thu, 27 Sep 2018 15:55:52 +0200 Subject: [PATCH] mgr/dashboard: New Landing Page: Milestone 2 MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit Improve medium size cards layout for 1366x768 (HD resolution). Fixes: https://tracker.ceph.com/issues/27050 Signed-off-by: Alfonso Martínez --- .../src/app/ceph/dashboard/health/health.component.scss | 6 ++++++ .../app/ceph/dashboard/info-card/info-card.component.scss | 6 ++++++ 2 files changed, 12 insertions(+) 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 66791b49feb..a4e6e1769f3 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 @@ -18,6 +18,12 @@ $popover-text-font-size: 10px; } @media (max-width: 1599px) { + .cd-col-5 { + width: 25%; + } +} + +@media (max-width: 1199px) { .cd-col-5 { width: 33%; } 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 32eead47d22..6f271e71cd1 100644 --- 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 @@ -96,6 +96,12 @@ $logs-text-font-size: $card-font-min-size; min-height: $card-height * 1.3; } + .card-medium { + min-height: $card-medium-height * 1.2; + } +} + +@media (max-width: 1199px) { .card-medium { min-height: $card-medium-height * 1.5; } -- 2.39.5