From: alfonsomthd <almartin@redhat.com>
Date: Thu, 27 Sep 2018 13:55:52 +0000 (+0200)
Subject: mgr/dashboard: New Landing Page: Milestone 2
X-Git-Tag: v14.0.1~108^2~9
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=79f7fa208eb5275db67555af4d3e8c994683ed45;p=ceph.git

mgr/dashboard: New Landing Page: Milestone 2

Improve medium size cards layout for 1366x768 (HD resolution).

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/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;
   }