github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/javascript/components/FileList.module.scss (about)

     1  @use '../../sass/variables' as *;
     2  
     3  $tdHeight: 25px;
     4  
     5  .tableContainer {
     6    overflow-y: scroll;
     7    padding: 5px;
     8    margin-bottom: 10px;
     9  
    10    table {
    11      font-size: 14px;
    12  
    13      th {
    14        padding: 6px 10px;
    15      }
    16  
    17      td {
    18        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    19  
    20        &:first-child {
    21          margin-left: 15px;
    22          position: relative;
    23        }
    24      }
    25  
    26      th,
    27      td {
    28        span {
    29          // mix-blend-mode: exclusion;
    30          text-shadow: 0 0 1px var(--ps-table-row-text-shadow);
    31        }
    32  
    33        &:first-child {
    34          border-left: none;
    35          text-align: left;
    36          width: auto;
    37          min-width: auto;
    38          max-width: initial;
    39          white-space: nowrap;
    40        }
    41  
    42        &:last-child {
    43          width: 250px;
    44          min-width: 250px;
    45          max-width: 250px;
    46          padding: 0px 10px;
    47        }
    48      }
    49  
    50      .profileName {
    51        display: flex;
    52        align-items: center;
    53  
    54        span {
    55          display: inline-block;
    56          overflow: hidden;
    57          text-overflow: ellipsis;
    58          width: calc(100% - 30px);
    59          margin-right: 10px;
    60        }
    61      }
    62    }
    63  }
    64  
    65  .checkIcon {
    66    margin-left: 8px;
    67  }