gray out unselected rows in tdd

rilldata · Nov 8, 2023 · 03af90a · 03af90a
1 parent b8f7b70
commit 03af90a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/web-common/src/features/dashboards/pivot/Pivot.svelte b/web-common/src/features/dashboards/pivot/Pivot.svelte
@@ -330,4 +330,7 @@
   :global(regular-table thead th) {
     height: var(--row-height);
   }
+  :global(regular-table tr:hover) {
+    color: none;
+  }
 </style>
diff --git a/web-common/src/features/dashboards/time-dimension-details/TDDTable.svelte b/web-common/src/features/dashboards/time-dimension-details/TDDTable.svelte
@@ -181,6 +181,14 @@
     if (x === 0) {
       element.classList.add("pl-0");
       const marker = getMarker(value, y);
+
+      // Gray out row if doesn't have marker
+      if (y !== 0 && tableData?.selectedValues?.length && !marker) {
+        element?.parentElement?.classList.add("text-gray-400");
+      } else {
+        element?.parentElement?.classList.remove("text-gray-400");
+      }
+
       const justifyTotal = y === 0 ? "justify-end" : "";
       const fontWeight = y === 0 ? "font-semibold" : "font-normal";
       return `<div class="flex items-center w-full h-full overflow-hidden pr-2 gap-1 ${justifyTotal}">