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   }
  12 }
  13
  14 @media (max-width: $screen-lg-max) {
  15   .info-card-popover-cluster-status {
  16     max-width: 31vw;
  17   }
  18 }
  19
  20 @media (max-width: $screen-md-max) {
  21   .info-card-popover-cluster-status {
  22     max-width: 46vw;
  23   }
  24 }
  25 @media (max-width: $screen-sm-max) {
  26   .info-card-popover-cluster-status {
  27     max-width: 83vw;
  28   }
  29 }
  30
  31 .info-card-content-clickable {
  32   cursor: pointer;
  33   padding: 7px;
  34   border: 1px solid;
  35   border-radius: 3px;
  36   border-color: $color-shade-gray;
  37 }
  38
  39 .info-card-content-clickable:hover {
  40   border-color: $color-light-gray;
  41   background-color: $color-light-shade-gray;
  42 }