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.selected img,
  56 .dynamicTable tr:hover img {
  57     filter: var(--color-icon-hover);
  58 }
  59
  60 .dynamicTable td {
  61     padding: 4px 2px;
  62     white-space: nowrap;
  63 }
  64
  65 .dynamicTable th,
  66 .dynamicTable td {
  67     overflow: hidden;
  68     text-overflow: ellipsis;
  69     white-space: nowrap;
  70 }
  71
  72 .dynamicTable th.sorted {
  73     background-image: url("../images/go-up.svg");
  74     background-position: right;
  75     background-repeat: no-repeat;
  76     background-size: 15px;
  77 }
  78
  79 .dynamicTable th.sorted.reverse {
  80     background-image: url("../images/go-down.svg");
  81 }
  82
  83 .dynamicTable td img.flags {
  84     height: 1.25em;
  85     vertical-align: middle;
  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 }