District onHover fixes for UI feedback on hover

Fixes for safari browser District onHover fixes for UI feedback on hover Achieved consistent UI across chrome and safari
Sayantankhan · Mar 29, 2020 · 44817c3 · 44817c3
1 parent bd65bd1
commit 44817c3
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/src/App.scss b/src/App.scss
@@ -572,10 +572,11 @@ table {
 
   tbody {
     color: $gray;
-
+    
     tr {
       transition: background 0.1s ease-in-out;
       cursor: pointer;
+      background: $light;
 
       &:hover {
         background: $gray-hover;
@@ -593,31 +594,34 @@ table {
     }
 
     & > tr:nth-child(odd) {
-      background: $light;
-
       &:hover {
         background: $gray-hover;
       }
+      // &:nth-child(odd) {
+      //   background: $white ;
+      // }
+    }
 
-      &:nth-child(odd) {
-        background: $white !important;
+    & > tr:nth-child() {
+      &:hover{
+        background: $gray-hover ;
       }
     }
 
-    &:nth-child(even) {
-      background-color: $light;
+
 
+    &:nth-child(odd){
       &.spacer {
         background: transparent !important;
       }
+
     }
 
     td {
       padding: 0.25rem;
       font-size: 0.9rem;
       border-radius: 5px;
       text-align: right;
-
       .deltas {
         margin-right: 0.25rem;
         font-size: 11px !important;
@@ -631,6 +635,7 @@ table {
       }
     }
 
+
     td:first-child {
       text-align: left;
       max-width: 7.5rem;