From 3e50efd6737d0639de40bb2eb0f63e8d8016d5f1 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 10 Jan 2023 16:06:43 +0100
Subject: [PATCH] change(ui) - fadeout inactive rows

---
 frontend/app/components/Session_/TimeTable/timeTable.module.css | 2 +-
 frontend/app/components/shared/DevTools/TimeTable/TimeTable.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/Session_/TimeTable/timeTable.module.css b/frontend/app/components/Session_/TimeTable/timeTable.module.css
index c2412ff8d..175958f21 100644
--- a/frontend/app/components/Session_/TimeTable/timeTable.module.css
+++ b/frontend/app/components/Session_/TimeTable/timeTable.module.css
@@ -108,5 +108,5 @@ $offset: 10px;
 }
 
 .inactiveRow {
-  opacity: 0.5;
+  opacity: 0.4;
 }
\ No newline at end of file
diff --git a/frontend/app/components/shared/DevTools/TimeTable/TimeTable.tsx b/frontend/app/components/shared/DevTools/TimeTable/TimeTable.tsx
index bbb2b204e..06cfa2d5c 100644
--- a/frontend/app/components/shared/DevTools/TimeTable/TimeTable.tsx
+++ b/frontend/app/components/shared/DevTools/TimeTable/TimeTable.tsx
@@ -214,7 +214,7 @@ export default class TimeTable extends React.PureComponent<Props, State> {
             'error color-red': !!row.isRed && row.isRed(),
             'cursor-pointer': typeof onRowClick === 'function',
             [stl.activeRow]: activeIndex === index,
-            // [stl.inactiveRow]: !activeIndex || index > activeIndex,
+            [stl.inactiveRow]: !activeIndex || index > activeIndex,
           }
         )}
         onClick={typeof onRowClick === 'function' ? () => onRowClick(row, index) : undefined}