catalog-ui/src/assets/styles/tables.less

   1 .generic-table {
   2   border: solid 1px @main_color_o;
   3   color: @main_color_m;
   4   background-color: @func_color_r;
   5   font-size: 13px;
   6   font-family: @font-opensans-regular;
   7   overflow-y: auto;
   8
   9   .cell {
  10     flex: 1;
  11     padding: 10px;
  12     border-right: @main_color_o solid 1px;
  13     &:last-child {
  14       margin: 0;
  15       flex: 0.1;
  16       border: none;
  17     }
  18   }
  19
  20   .header-row {
  21     display: flex;
  22     flex-basis: 100%;
  23     background-color: @func_color_r;
  24     color: @func_color_s;
  25     font-weight: bold;
  26     border-bottom: @main_color_o solid 1px;
  27     position: sticky;
  28     top: 0;
  29     z-index: 1;
  30     .header-cell {
  31       padding: 10px;
  32     }
  33   }
  34
  35   .data-row {
  36     display: flex;
  37     flex-basis: 100%;
  38     border-bottom: @main_color_o solid 1px;
  39     background-color: @main_color_p;
  40     &:last-child {
  41       border-bottom: none;
  42     }
  43   }
  44
  45   .no-row-text {
  46     color: @main_color_m;
  47     display: flex;
  48     flex-basis: 100%;
  49     background-color: @main_color_p;
  50     padding: 20px;
  51     justify-content: center;
  52     font-size: 14px;
  53   }
  54 }