/* Icinga for Kubernetes Web | (c) 2024 Icinga GmbH | AGPLv3 */

pre {
  // TODO(el): Why is this not the default in the IPL?
  .monospace-font();
}

.icinga-state-text,
.namespace-phase,
.persistent-volume-phase,
.persistent-volume-claim-phase {
  text-transform: uppercase;
}

.state-ball {
  margin-right: .2em;

  // Main use case is the event list, which also contains informational events.
  &.state-none {
    border: 1px solid @gray-light;
  }
}

.container-list > .list-item > .visual > .state-ball,
.init-container-list > .list-item > .visual > .state-ball,
.container-detail > .details > .horizontal-key-value > .value > .state-ball {
  // Display squares instead of balls for containers.
  border-radius: initial;
}

.controls {
  // Copied from Icinga DB Web
  -moz-box-shadow: 0 0 0 1px var(--gray-lighter, #4b4b4b);
  -webkit-box-shadow: 0 0 0 1px var(--gray-lighter, #4b4b4b);
  box-shadow: 0 0 0 1px var(--gray-lighter, #4b4b4b);

  a.subject {
    cursor: default;
    pointer-events: none;
  }

  footer {
    height: 1em;
  }
}


.horizontal-key-value,
.vertical-key-value {
  > .value {
    .text-ellipsis();

    > .empty-state {
      display: inline-block;
    }
  }
}

.namespace-phase-active {
  color: @state-ok;
}

.pv-phase-pending {
  color: @color-pending;
}

.pv-phase-available,
.pv-phase-bound {
  color: @color-ok;
}

.pv-phase-released {
  color: @color-warning;
}

.pv-phase-failed {
  color: @color-critical;
}

.pvc-phase-pending {
  color: @color-pending;
}

.pvc-phase-bound {
  color: @color-ok;
}

.pvc-phase-lost {
  color: @color-critical;
}
