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

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

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

Loading…
Cancel
Save