src/webui/www/private/css/dynamicTable.css

   1 @import url("palette.css");
   2
   3 /**************************************************************
   4
   5     Dynamic Table
   6     v 0.4
   7
   8 **************************************************************/
   9 .altRowColors tbody tr:nth-child(odd of :not(.invisible)) {
  10     background-color: var(--color-background-default);
  11 }
  12
  13 #transferList .dynamicTable td {
  14     padding: 4px 2px;
  15 }
  16
  17 .dynamicTableDiv table.dynamicTable tbody tr.selected {
  18     background-color: var(--color-background-blue);
  19     color: var(--color-text-white);
  20 }
  21
  22 .dynamicTableDiv table.dynamicTable tbody tr:hover {
  23     background-color: var(--color-background-hover);
  24     color: var(--color-text-white);
  25 }
  26
  27 #transferList tr:hover {
  28     cursor: pointer;
  29 }
  30
  31 #transferList img.stateIcon {
  32     height: 1.3em;
  33     margin-bottom: -1px;
  34     vertical-align: middle;
  35 }
  36
  37 tr.dynamicTableHeader {
  38     cursor: pointer;
  39 }
  40
  41 .dynamicTable {
  42     border-spacing: 0;
  43     padding: 0;
  44     table-layout: fixed;
  45     width: 1%;
  46 }
  47
  48 .dynamicTable th {
  49     border-right: 1px solid var(--color-border-default);
  50     box-sizing: border-box;
  51     padding: 4px 2px;
  52     white-space: nowrap;
  53 }
  54
  55 .dynamicTable tr:is(:hover, .selected) img:not(.flags) {
  56     filter: var(--color-icon-hover);
  57 }
  58
  59 .dynamicTable td {
  60     padding: 4px 2px;
  61     white-space: nowrap;
  62 }
  63
  64 .dynamicTable th,
  65 .dynamicTable td {
  66     overflow: hidden;
  67     text-overflow: ellipsis;
  68     white-space: nowrap;
  69 }
  70
  71 .dynamicTable th.sorted {
  72     background-image: url("../images/go-up.svg");
  73     background-position: right;
  74     background-repeat: no-repeat;
  75     background-size: 15px;
  76 }
  77
  78 .dynamicTable th.sorted.reverse {
  79     background-image: url("../images/go-down.svg");
  80 }
  81
  82 .dynamicTable span.flags {
  83     background: left center / contain no-repeat;
  84     margin-left: 2px;
  85     padding-left: 25px;
  86 }
  87
  88 .dynamicTableFixedHeaderDiv {
  89     overflow: hidden;
  90 }
  91
  92 .dynamicTableDiv {
  93     overflow: auto;
  94 }
  95
  96 .dynamicTableDiv thead th {
  97     height: 0px !important;
  98     line-height: 0px !important;
  99     padding-bottom: 0px !important;
 100     padding-top: 0px !important;
 101 }