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 66791b49feb937b825ac03082d2463421b289cf8..a4e6e1769f34fc93e675ce73430cb50174fa4b42 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
@@ -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 32eead47d2235d8b4948623ea4356d69428bc3a6..6f271e71cd13199a39bed3a91d855d680cb0f90e 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
@@ -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;
   }