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 #transferList #transferList_pad {
  36     /* override for default mocha inline style */
  37     display: flex !important;
  38 }
  39
  40 tr.dynamicTableHeader {
  41     cursor: pointer;
  42 }
  43
  44 .dynamicTable {
  45     border-spacing: 0;
  46     padding: 0;
  47     table-layout: fixed;
  48     width: 1%;
  49 }
  50
  51 .dynamicTable th {
  52     border-right: 1px solid var(--color-border-default);
  53     padding: 4px 2px;
  54     white-space: nowrap;
  55 }
  56
  57 .dynamicTable tr:is(:hover, .selected) img:not(.flags) {
  58     filter: var(--color-icon-hover);
  59 }
  60
  61 .dynamicTable td {
  62     padding: 4px 2px;
  63     white-space: nowrap;
  64 }
  65
  66 .dynamicTable th,
  67 .dynamicTable td {
  68     overflow: hidden;
  69     text-overflow: ellipsis;
  70     white-space: nowrap;
  71 }
  72
  73 .dynamicTable th.sorted {
  74     background-image: url("../images/go-up.svg");
  75     background-position: right 3px center;
  76     background-repeat: no-repeat;
  77     background-size: 12px;
  78 }
  79
  80 .dynamicTable th.sorted.reverse {
  81     background-image: url("../images/go-down.svg");
  82 }
  83
  84 .dynamicTable span.flags {
  85     background: left center / contain no-repeat;
  86     margin-left: 2px;
  87     padding-left: 25px;
  88 }
  89
  90 div:has(> div.dynamicTableFixedHeaderDiv):not(.invisible) {
  91     display: flex;
  92     flex-direction: column;
  93     height: 100%;
  94 }
  95
  96 .dynamicTableFixedHeaderDiv {
  97     flex-shrink: 0;
  98     overflow: hidden;
  99 }
 100
 101 #propertiesPanel .dynamicTableFixedHeaderDiv,
 102 #torrentsTableFixedHeaderDiv {
 103     border-bottom: 1px solid var(--color-border-default);
 104 }
 105
 106 .dynamicTableDiv {
 107     flex-grow: 1;
 108     overflow: auto;
 109 }
 110
 111 .dynamicTableDiv thead th {
 112     height: 0px !important;
 113     line-height: 0px !important;
 114     padding-bottom: 0px !important;
 115     padding-top: 0px !important;
 116 }