ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card-popover.scss

   1 @use './src/styles/vendor/variables' as vv;
   2
   3 .info-card-popover-cluster-status {
   4   max-height: 20vh;
   5   max-width: 23vw;
   6
   7   .popover-body {
   8     font-size: 1rem;
   9     max-height: 19vh;
  10     max-width: 100%;
  11     overflow: auto;
  12   }
  13 }
  14
  15 @media (max-width: vv.$screen-lg-max) {
  16   .info-card-popover-cluster-status {
  17     max-width: 31vw;
  18   }
  19 }
  20
  21 @media (max-width: vv.$screen-md-max) {
  22   .info-card-popover-cluster-status {
  23     max-width: 46vw;
  24   }
  25 }
  26 @media (max-width: vv.$screen-sm-max) {
  27   .info-card-popover-cluster-status {
  28     max-width: 83vw;
  29   }
  30 }
  31
  32 .info-card-content-clickable {
  33   border: 1px solid vv.$gray-200;
  34   border-radius: 3px;
  35   cursor: pointer;
  36   padding: 7px;
  37 }
  38
  39 .info-card-content-clickable:hover {
  40   background-color: vv.$gray-200;
  41   border-color: vv.$gray-400;
  42 }