CSS/tables: improve row hover styles
Added a default hover color, fix inheritage and missing states.
This commit is contained in:
parent
dfcf3d28e6
commit
3047992ab5
|
@ -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 */
|
||||||
|
|
Loading…
Reference in New Issue