[icinga-checkins] icinga.org: icingaweb2/master: CSS: Set tr background transition only for hover

git at icinga.org git at icinga.org
Tue Feb 23 15:43:16 CET 2016


Module: icingaweb2
Branch: master
Commit: ff3aa43070f982c74659467b3128ac160a7e87a6
URL:    https://git.icinga.org/?p=icingaweb2.git;a=commit;h=ff3aa43070f982c74659467b3128ac160a7e87a6

Author: Eric Lippmann <eric.lippmann at netways.de>
Date:   Tue Feb 23 12:18:52 2016 +0100

CSS: Set tr background transition only for hover

fixes #11073

---

 modules/monitoring/public/css/tables.less |   16 +++++++---------
 public/css/icinga/main.less               |   21 +++++++++------------
 2 files changed, 16 insertions(+), 21 deletions(-)

diff --git a/modules/monitoring/public/css/tables.less b/modules/monitoring/public/css/tables.less
index f2f5fd4..c3a5e00 100644
--- a/modules/monitoring/public/css/tables.less
+++ b/modules/monitoring/public/css/tables.less
@@ -201,16 +201,14 @@
   border-spacing: 0 1px;
   width: 100%;
 
-  tr[href] {
-    .transition(background 0.2s ease);
+  tr[href].active {
+    background-color: @tr-active-color;
+  }
 
-    &.active {
-      background-color: @tr-active-color;
-    }
+  tr[href]:hover {
+    .transition(background 0.2s ease);
 
-    &:hover {
-      background-color: @tr-hover-color;
-      cursor: pointer;
-    }
+    background-color: @tr-hover-color;
+    cursor: pointer;
   }
 }
diff --git a/public/css/icinga/main.less b/public/css/icinga/main.less
index dd85f2b..54f5186 100644
--- a/public/css/icinga/main.less
+++ b/public/css/icinga/main.less
@@ -162,26 +162,23 @@ a:hover > .icon-cancel {
     }
   }
 
-  tr[href] {
-    .transition(background 0.2s ease);
+  tr[href].active {
+    background-color: @tr-active-color;
+    border-left-color: @icinga-blue;
+  }
 
-    &.active {
-      background-color: @tr-active-color;
-      border-left-color: @icinga-blue;
-      transition: none;
-    }
+  tr[href]:hover {
+    .transition(background 0.2s ease);
 
-    &:hover {
-      background-color: @tr-hover-color;
-      cursor: pointer;
-    }
+    background-color: @tr-hover-color;
+    cursor: pointer;
   }
 
   caption {
     border-top: 1px solid @gray-light;
     caption-side: bottom;
-    text-align: right;
     font-style: italic;
+    text-align: right;
   }
 }
 



More information about the icinga-checkins mailing list