github.com/sl1pm4t/consul@v1.4.5-0.20190325224627-74c31c540f9c/ui/styles/_lists.scss (about)

     1  .list-group-item {
     2      padding: 0;
     3      border-width: 2px;
     4      border-bottom-width: 2px;
     5      border-radius: 2px;
     6      margin-bottom: 15px;
     7      margin-top: 15px;
     8      @include transition(background-color .3s ease-in-out);
     9  
    10      .list-group-item-heading, .list-inline {
    11          margin: 10px 15px 10px 15px;
    12          padding: 0px 5px 0px 5px;
    13      }
    14  
    15      .list-inline {
    16          padding-left: 0px;
    17          color: $gray;
    18          font-size: 13px;
    19      }
    20  
    21      .list-group-item-heading {
    22          border-bottom: 2px solid #eee;
    23          color: $gray-darker;
    24  
    25          .heading-helper {
    26              float: right;
    27              font-weight: 600;
    28              color: $gray-light;
    29              font-size: 14px;
    30          }
    31      }
    32  
    33      .list-bar {
    34          width: 100%;
    35          height: 20px;
    36      }
    37  
    38      &.list-link:hover {
    39          cursor: pointer;
    40          background-color: lighten($gray-background, 8%);
    41      }
    42  
    43      &.list-condensed-link:hover {
    44          cursor: pointer;
    45          background-color: lighten($gray-background, 8%);
    46      }
    47  
    48      &.list-condensed-link, &.list-condensed {
    49          border-color: $gray-background;
    50          margin-bottom: 4px;
    51          margin-top: 4px;
    52  
    53          height: 40px;
    54  
    55          &.double-line {
    56              height: 54px;
    57          }
    58  
    59          font-weight: 700;
    60  
    61          .name {
    62              font-size: 15px;
    63              padding-top: 6px;
    64  
    65              span {
    66                  white-space: nowrap;
    67                  overflow: hidden;
    68                  text-overflow: ellipsis;
    69                  max-width: 35%;
    70                  float: left;
    71                  display:inline-block;
    72                  padding-right: 4px;
    73              }
    74  
    75              small {
    76                  display: inline-block;
    77                  padding-right: 8px;
    78                  padding-top: 2px;
    79                  font-size: 12px;
    80                  color: $gray-light;
    81              }
    82          }
    83  
    84          .metadata {
    85              display: block;
    86              font-size: 12px;
    87              float: left;
    88              color: $gray-light;
    89          }
    90  
    91          ul.sub {
    92              li {
    93                  padding: 0;
    94              }
    95  
    96              margin: 0;
    97              font-size: 12px;
    98              color: $gray-light;
    99              overflow: auto;
   100  
   101              &::-webkit-scrollbar {
   102                  display: none;
   103                  -webkit-appearance: none;
   104              }
   105          }
   106      }
   107  
   108      .list-bar-horizontal {
   109          width: 20px;
   110          float: left;
   111          height: 100%;
   112          margin-right: 10px;
   113      }
   114  
   115  
   116      &.active {
   117          @include transition(border-color .1s linear);
   118          border-color: $pink;
   119  
   120          .list-bar, .list-bar-horizontal {
   121              @include transition(background-color .1s linear);
   122              background-color: $pink;
   123          }
   124      }
   125  
   126  }