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

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