Simplify dynamic table CSS styles

This commit is contained in:
buinsky 2016-07-17 11:17:03 +03:00
commit b1c45901f0
2 changed files with 21 additions and 59 deletions

View file

@ -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, .dynamicTable tbody tr:nth-child(even),
#properties #trackers th, .dynamicTable tbody tr.alt {
#transferList th { background-color: #eee;
background-color: #eee;
padding: 4px;
} }
#properties #torrentFiles tr, #transferList .dynamicTable td {
#properties #trackers tr, padding: 0 2px;
#transferList tr {
background-color: #fff;
padding: 4px;
} }
.dynamicTable tbody tr.selected {
#torrentsTable tr:nth-child(even), background-color: #354158;
#torrentPeersTable tr:nth-child(even), color: #fff;
#filesTable tr:nth-child(even),
#properties #torrentFiles tr.alt,
#properties #trackers tr.alt,
#transferList tr.alt {
background-color: #eee;
padding: 4px;
} }
#properties #torrentFiles td, .dynamicTable tbody tr:hover {
#properties #trackers td, background-color: #ee6600;
#transferList td { color: #fff;
padding: 0 2px;
} }
#properties #torrentFiles tr.selected, #transferList tr:hover {
#properties #trackers tr.selected, cursor: pointer;
#transferList tr.selected {
background-color: #415A8D;
color: #fff;
}
#torrentPeersTable 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;
}
#torrentsTable tr:hover,
#properties #torrentFiles tr.over,
#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;
} }

View file

@ -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;