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

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