machine/modules/machines-table-sk/machines-table-sk.scss

@import '../../../elements-sk/modules/styles/select';
@import '../../../elements-sk/modules/styles/buttons';
@import '../theme/theme.scss';

machines-table-sk {
  .clickable {
    cursor: pointer;
  }

  clear-all-icon-sk {
    cursor: pointer;
  }

  div.dimensions {
    width: max-content;

    td {
      padding-left: 8px;
    }
  }

  details {
    display: inline-block;

    > summary {
      cursor: pointer;
      white-space: nowrap;
    }
  }

  select {
    padding: 0;
  }

  table {
    position: relative;

    th {
      position: sticky;
      top: 50px;
      background-color: var(--background);
      opacity: 1;
      z-index: 10;
      white-space: nowrap;

      svg {
        z-index: 1;
      }
    }

    td {
      vertical-align: baseline;
      padding: 0;

      &.outOfSpec {
        color: var(--failure);
      }

      &.powercycle {
        display: flex;
        align-items: center;
        gap: 8px;

        > * {
          margin: 0;
        }

        spinner-sk {
          width: 11px;
          height: 11px;
          border-width: 5px;
        }

        warning-icon-sk {
          fill: var(--error);
        }
      }
    }
  }
}