fix issue where table row is not hoverable

opennem · Sep 6, 2023 · 5e0461a · 5e0461a
1 parent 939635c
commit 5e0461a
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/components/Energy/TimeOfDay.vue b/components/Energy/TimeOfDay.vue
@@ -26,7 +26,7 @@
             style="font-weight: bold;"
             :style="{
               color: getTextColour(domain.id),
-              background: highlightRow === domain.id ? 'rgba(255,255,255, 0.8)' : 'none'
+              'background-color': highlightRow === domain.id ? 'rgba(255,255,255, 0.8)' : 'transparent'
             }"
             @mouseenter="() => handleMouseEnter(domain.id)"
             @mouseleave="() => handleMouseLeave()">
@@ -370,6 +370,10 @@ table.table {
     vertical-align: bottom;
   }
 
+  tbody tr:hover {
+    background-color: rgba(255,255,255, 0.8) !important;
+  }
+
   tfoot tr th {
     border-top: 1px solid #696969;
   }