Browse Source

Simplify dynamic table CSS styles

adaptive-webui-19844
buinsky 8 years ago
parent
commit
b1c45901f0
  1. 79
      src/webui/www/public/css/dynamicTable.css
  2. 1
      src/webui/www/public/scripts/dynamicTable.js

79
src/webui/www/public/css/dynamicTable.css

@ -2,79 +2,41 @@
/************************************************************** /**************************************************************
Dynamic Table Dynamic Table
v 0.4 v 0.4
**************************************************************/ **************************************************************/
.dynamicTable tbody tr {
#properties #torrentFiles table, background-color: #fff;
#properties #trackers table {
border: 1px solid #ccc;
width: 100%;
}
#properties #torrentFiles th,
#properties #trackers th,
#transferList th {
background-color: #eee;
padding: 4px;
}
#properties #torrentFiles tr,
#properties #trackers tr,
#transferList tr {
background-color: #fff;
padding: 4px;
} }
.dynamicTable tbody tr:nth-child(even),
#torrentsTable tr:nth-child(even), .dynamicTable tbody tr.alt {
#torrentPeersTable tr:nth-child(even), background-color: #eee;
#filesTable tr:nth-child(even),
#properties #torrentFiles tr.alt,
#properties #trackers tr.alt,
#transferList tr.alt {
background-color: #eee;
padding: 4px;
} }
#properties #torrentFiles td, #transferList .dynamicTable td {
#properties #trackers td, padding: 0 2px;
#transferList td {
padding: 0 2px;
} }
#properties #torrentFiles tr.selected, .dynamicTable tbody tr.selected {
#properties #trackers tr.selected, background-color: #354158;
#transferList tr.selected { color: #fff;
background-color: #415A8D;
color: #fff;
}
#torrentPeersTable tr.selected {
background-color: #354158;
color: #fff;
} }
#torrentsTable tr:hover, .dynamicTable tbody tr:hover {
#torrentPeersTable tr:hover, background-color: #ee6600;
#filesTable tr:hover, color: #fff;
#properties #torrentFiles tr.over,
#properties #trackers tr.over,
#transferList tr.over {
background-color: #ee6600;
color: #fff;
} }
#torrentsTable tr:hover, #transferList tr:hover {
#properties #torrentFiles tr.over, cursor: pointer;
#properties #trackers tr.over,
#transferList tr.over {
cursor: pointer;
} }
#transferList img.statusIcon { #transferList img.statusIcon {
height: 1.3em; height: 1.3em;
vertical-align: middle; vertical-align: middle;
margin-bottom: -1px;
} }
tr.dynamicTableHeader { tr.dynamicTableHeader {
@ -89,12 +51,13 @@ tr.dynamicTableHeader {
} }
.dynamicTable th { .dynamicTable th {
padding: 5px 10px; background-color: #eee;
padding: 4px;
white-space: nowrap; white-space: nowrap;
} }
.dynamicTable td { .dynamicTable td {
padding: 0px 3px; padding:0px 4px;
white-space: nowrap; white-space: nowrap;
} }

1
src/webui/www/public/scripts/dynamicTable.js

@ -342,7 +342,6 @@ var DynamicTable = new Class({
tr_found = false; tr_found = false;
for (j = rowPos; j < trs.length; j++) for (j = rowPos; j < trs.length; j++)
if (trs[j]['rowId'] == rowId) { if (trs[j]['rowId'] == rowId) {
trs[rowPos].removeClass('over');
tr_found = true; tr_found = true;
if (rowPos == j) if (rowPos == j)
break; break;

Loading…
Cancel
Save