From 83faa661676a42eb087f6500ff4dff173f6056be Mon Sep 17 00:00:00 2001
From: Thomas Gelf <thomas@gelf.net>
Date: Thu, 5 Jun 2014 03:47:09 +0000
Subject: [PATCH] CSS: try to hover state rows with state color
This should help your eye to recognize faster whether you hovered the
desired row and helps to distinct hovered from active / selected rows
---
public/css/icinga/monitoring-colors.less | 60 +++++++++++++++++++++++-
1 file changed, 58 insertions(+), 2 deletions(-)
diff --git a/public/css/icinga/monitoring-colors.less b/public/css/icinga/monitoring-colors.less
index ed89b8754..d0bc87cc3 100644
--- a/public/css/icinga/monitoring-colors.less
+++ b/public/css/icinga/monitoring-colors.less
@@ -127,8 +127,7 @@ tr.state.handled td.state, tr.state.ok td.state, tr.state.up td.state, tr.state.
color: black;
background-color: transparent;
}
-
-tr[href]:hover, tr[href].active {
+tr[href].active {
background-color: #ddd;
color: black;
}
@@ -194,6 +193,63 @@ tr.state.handled td.state {
background-color: transparent !important;
}
+/* HOVER colors */
+
+
+tr.state[href]:hover, tr.state[href]:hover td.state {
+ color: white;
+}
+
+tr.state.ok:hover {
+ background-color: @colorOk;
+}
+
+tr.state.handled[href]:hover, tr.state.handled[href]:hover td.state {
+ color: #121212 !important;
+}
+
+tr.state.warning[href]:hover {
+ background-color: @colorWarning;
+}
+
+tr.state.warning.handled[href]:hover {
+ background-color: @colorWarningHandled;
+}
+
+tr.state.critical[href]:hover, tr.state.down[href]:hover {
+ background-color: @colorCritical;
+}
+
+tr.state.critical.handled[href]:hover, tr.state.down.handled[href]:hover {
+ background-color: @colorCriticalHandled;
+ color: #333;
+}
+
+tr.state.unknown[href]:hover {
+ background-color: @colorUnknown;
+}
+
+tr.state.unknown.handled[href]:hover {
+ background-color: @colorUnknownHandled;
+}
+
+tr.state.pending[href]:hover {
+ background-color: @colorPending;
+}
+
+tr.state.invalid[href]:hover {
+ background-color: @colorInvalid;
+}
+
+tr.state.unreachable[href]:hover {
+ background-color: @colorUnreachable;
+}
+
+tr.state.unreachable.handled[href]:hover {
+ background-color: @colorUnreachableHandled;
+}
+/* END of HOVER colors */
+
/* END of special tables and states */