CSS/tables: improve row hover styles

Added a default hover color, fix inheritage and missing states.
This commit is contained in:
Thomas Gelf 2014-06-12 08:20:57 +00:00
parent dfcf3d28e6
commit 3047992ab5
1 changed files with 9 additions and 7 deletions

View File

@ -127,15 +127,12 @@ tr.state.handled td.state, tr.state.ok td.state, tr.state.up td.state, tr.state.
color: black; color: black;
background-color: transparent; background-color: transparent;
} }
tr[href].active { tr[href].active {
background-color: #ddd; background-color: #ddd;
color: black; color: black;
} }
tr.state[href]:hover, tr.state[href].active td.state {
}
tr.state.ok td.state, tr.state.up td.state { tr.state.ok td.state, tr.state.up td.state {
border-left-color: @colorOk; border-left-color: @colorOk;
} }
@ -195,12 +192,12 @@ tr.state.handled td.state {
/* HOVER colors */ /* HOVER colors */
tr[href]:hover, tr.state[href]:hover td.state {
tr.state[href]:hover, tr.state[href]:hover td.state {
color: white; color: white;
background-color: #555;
} }
tr.state.ok:hover { tr.state.ok[href]:hover, tr.state.up[href]:hover {
background-color: @colorOk; background-color: @colorOk;
} }
@ -248,6 +245,11 @@ tr.state.unreachable[href]:hover {
tr.state.unreachable.handled[href]:hover { tr.state.unreachable.handled[href]:hover {
background-color: @colorUnreachableHandled; background-color: @colorUnreachableHandled;
} }
tr.state[href]:hover td.state {
background-color: inherit !important;
}
/* END of HOVER colors */ /* END of HOVER colors */
/* END of special tables and states */ /* END of special tables and states */