github.com/outbrain/consul@v1.4.5/ui-v2/app/styles/components/table.scss (about)

     1  @import './icons/index';
     2  @import './table/index';
     3  td.folder {
     4    @extend %with-folder;
     5  }
     6  td dt.passing {
     7    @extend %with-passing;
     8  }
     9  td dt.warning {
    10    @extend %with-warning;
    11  }
    12  td dt.critical {
    13    @extend %with-critical;
    14  }
    15  td span.zero {
    16    @extend %with-no-healthchecks;
    17    display: block;
    18    text-indent: 20px;
    19    color: $ui-gray-400;
    20  }
    21  table:not(.sessions) tr {
    22    cursor: pointer;
    23  }
    24  table:not(.sessions) td:first-child {
    25    padding: 0;
    26  }
    27  td dt.passing,
    28  td dt.passing + dd {
    29    color: $ui-color-success;
    30  }
    31  td dt.warning,
    32  td dt.warning + dd {
    33    color: $ui-color-alert;
    34  }
    35  td dt.critical,
    36  td dt.critical + dd {
    37    color: $ui-color-failure;
    38  }
    39  /* Header Tooltips/Icon*/
    40  th {
    41    overflow: visible;
    42  }
    43  th span {
    44    @extend %tooltip;
    45    @extend %with-info;
    46    margin-left: 12px;
    47    top: 3px;
    48    width: 23px;
    49    height: 15px;
    50  }
    51  th span:after {
    52    left: -8px;
    53  }
    54  th span em::after {
    55    @extend %tooltip-tail;
    56    @extend %blink-in-fade-out;
    57    top: auto !important;
    58    bottom: -13px;
    59  }
    60  th span em {
    61    @extend %tooltip-bubble;
    62    @extend %blink-in-fade-out;
    63    width: 250px;
    64    font-style: normal;
    65    white-space: normal !important;
    66  }
    67  
    68  th span:hover em::after,
    69  th span:hover em {
    70    @extend %blink-in-fade-out-active;
    71  }