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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

@use './src/styles/vendor/variables' as vv;

.info-card-popover-cluster-status {
  max-height: 20vh;
  max-width: 23vw;

  .popover-body {
    font-size: 1rem;
    max-height: 19vh;
    max-width: 100%;
    overflow: auto;
  }
}

@media (max-width: vv.$screen-lg-max) {
  .info-card-popover-cluster-status {
    max-width: 31vw;
  }
}

@media (max-width: vv.$screen-md-max) {
  .info-card-popover-cluster-status {
    max-width: 46vw;
  }
}
@media (max-width: vv.$screen-sm-max) {
  .info-card-popover-cluster-status {
    max-width: 83vw;
  }
}

.info-card-content-clickable {
  border: 1px solid vv.$gray-200;
  border-radius: 3px;
  cursor: pointer;
  padding: 7px;
}

.info-card-content-clickable:hover {
  background-color: vv.$gray-200;
  border-color: vv.$gray-400;
}