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

footer {
  align-items: stretch;
  height: 1.5em;
  justify-content: flex-start;
  padding-top: 0;

  > * {
    font-size: 1em;
    color: @text-color-light;
  }

  > *:not(:last-child) {
    margin-right: 1em;
  }

  > *.push-left {
    margin-left: auto;
  }

  > .horizontal-key-value {
    align-items: center;
    padding: 0;
    overflow: hidden;

    .key {
      width: auto;
      margin-right: .2em;
      color: @gray-semilight;
    }

    .value {
      color: @text-color-light;
      min-width: 1em;

      > .empty-state {
        color: inherit;
      }
    }
  }
}

.namespace-badge {
  .text-ellipsis();
  background-color: @gray-lighter;
  border-radius: .25em;
  line-height: 1.5em / 12 * 11; // 1.5em / @font-size-small
  margin-right: .2em;
  max-width: 8em;
  padding: 0 .25em;
  vertical-align: baseline;
}

.caption {
  .monospace-font();
  color: @text-color-light;
  // Reduce to one line and change props for elliptic text accordingly, as the Icinga PHP library,
  // which also defines rules for this class, assumes a height of two lines.
  display: block;
  height: 1.5em;
  white-space: nowrap;
}

.title {
  .text-ellipsis();

  > .subject + .subject {
    margin-left: .2em;
  }

  > .icinga-state-text {
    color: @default-text-color;
  }
}

.visual {
  font-size: 1.5em;
  justify-content: flex-start;
}

.config-map-list,
.cronjob-list,
.ingress-list,
.secret-list,
.service-list {
  > .list-item > .visual {
    // The specified lists have no indicator for their state, therefore visual is hidden so that no space is occupied.
    display: none;
  }
}

.internal-endpoint-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
