mgr/dashboard: style fixes for shared components

fixes: https://tracker.ceph.com/issues/72651
Signed-off-by: Naman Munet <naman.munet@ibm.com>
(cherry picked from commit 9773be1)

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/details-card/details-card.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/details-card/details-card.component.html
index f51fbae03107cb1a67101cdc20aaad2903d14b0f..9a402f60c5934170914c8654f2abe286aa98e486 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/details-card/details-card.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/details-card/details-card.component.html
@@ -1,8 +1,10 @@
 <cds-tile>
+@if (cardTitle) {
   <div class="details-card-header">
     <span class="cds--type-heading-03"
           i18n>{{ cardTitle }}</span>
   </div>
+}
 
   <div class="details-card-body">
     <div cdsRow>

diff --git a/src/pybind/mgr/dashboard/frontend/src/styles/_carbon-defaults.scss b/src/pybind/mgr/dashboard/frontend/src/styles/_carbon-defaults.scss
index 10d96792f424d35783145e8b32f05eab871037f1..8a7b4a3f854135132ff3be6884cfbf0df0c1270e 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/styles/_carbon-defaults.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/styles/_carbon-defaults.scss
@@ -228,7 +228,12 @@ Tooltip
 Carbon Popover
 ******************************************/
 .cds--popover-content {
-  background-color: theme.$layer-02;
+  background-color: theme.$background;
+  padding: layout.$spacing-05;
+}
+
+// inner container class for overflow
+.cds--popover-scroll-container {
   max-height: layout.$spacing-13;
   overflow: auto;
 }