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

     1  %healthchecked-resource header strong,
     2  %healthchecked-resource header span,
     3  %healthchecked-resource header em,
     4  %healthchecked-resource li:not(:last-child) span {
     5    overflow: hidden;
     6    display: inline-block;
     7    white-space: nowrap;
     8    text-overflow: ellipsis;
     9    max-width: 100%;
    10  }
    11  %healthchecked-resource li:last-child:not(:only-child) {
    12    overflow: hidden;
    13    white-space: nowrap;
    14  }
    15  %healthchecked-resource,
    16  %healthchecked-resource header,
    17  %healthchecked-resource li {
    18    position: relative;
    19  }
    20  %healthchecked-resource header strong {
    21    position: absolute;
    22  }
    23  %healthchecked-resource a,
    24  %healthchecked-resource header a > * {
    25    display: block;
    26  }
    27  %healthchecked-resource li::before {
    28    left: 11px;
    29    top: 50%;
    30    margin-top: -0.49em !important;
    31  }
    32  .healthy .healthchecked-resource header span {
    33    padding-right: 20px;
    34  }
    35  .healthy .healthchecked-resource li {
    36    position: absolute;
    37    top: 8px;
    38    right: 16px;
    39    border: none;
    40  }
    41  .healthy .healthchecked-resource li::before {
    42    left: 0;
    43  }
    44  .healthy .healthchecked-resource li span {
    45    display: none;
    46  }
    47  .healthy .healthchecked-resource li a {
    48    padding-left: 0;
    49  }
    50  %healthchecked-resource header strong {
    51    top: 2.8em;
    52    padding: 0 15px;
    53  }
    54  %healthchecked-resource header span {
    55    margin-bottom: 1.75em;
    56  }
    57  %healthchecked-resource header a {
    58    padding: 12px 15px;
    59  }
    60  .unhealthy .healthchecked-resource header a {
    61    padding-bottom: 15px;
    62  }
    63  .unhealthy .healthchecked-resource header.with-service a {
    64    padding-bottom: 25px;
    65  }
    66  %healthchecked-resource li a {
    67    padding: 3px 15px;
    68    padding-top: 4px;
    69    padding-left: 39px;
    70    height: 31px;
    71  }
    72  %healthchecked-resource li:not(.passing) strong,
    73  .healthy .healthchecked-resource li:only-child strong {
    74    display: none;
    75  }
    76  %healthchecked-resource ul:empty {
    77    position: absolute;
    78    top: 18px;
    79    right: 20px;
    80    width: 1em;
    81    height: 1em;
    82  }