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