From ad9a4e7244f1d96ab3816757cff8a4ef1c3112c5 Mon Sep 17 00:00:00 2001
From: Akshay Gupta <gravity.akshay@gmail.com>
Date: Tue, 13 Aug 2024 01:17:18 +0530
Subject: [PATCH] Add full lenght highlight

---
 frontend/src/app/main/ui/workspace/tokens/sets.scss    | 9 ++++++++-
 frontend/src/app/main/ui/workspace/tokens/sidebar.scss | 3 ---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/tokens/sets.scss b/frontend/src/app/main/ui/workspace/tokens/sets.scss
index 54015fe939..e6a8a9aa93 100644
--- a/frontend/src/app/main/ui/workspace/tokens/sets.scss
+++ b/frontend/src/app/main/ui/workspace/tokens/sets.scss
@@ -48,6 +48,11 @@
   cursor: pointer;
   color: var(--layer-row-foreground-color);
   padding-left: 20px;
+  
+  /*&:hover{
+    box-shadow: 20px 0 0 0 var(--layer-row-background-color-hover);
+  }*/
+
 }
 
 .set-item-set, .set-item-group {
@@ -57,7 +62,7 @@
   min-height: $s-32;
   width: 100%;
   cursor: pointer;
-  color: var(--layer-row-foreground-color);
+  color: var(--layer-row-foreground-color); 
   .set-name {
     @include textEllipsis;
     flex-grow: 1;
@@ -85,6 +90,8 @@
   &:hover {
     background-color: var(--layer-row-background-color-hover);
     color: var(--layer-row-foreground-color-hover);
+    box-shadow: -100px 0 0 0 var(--layer-row-background-color-hover);
+
   }
 }
 .action-btn {
diff --git a/frontend/src/app/main/ui/workspace/tokens/sidebar.scss b/frontend/src/app/main/ui/workspace/tokens/sidebar.scss
index d42befb067..4f2fd9bee2 100644
--- a/frontend/src/app/main/ui/workspace/tokens/sidebar.scss
+++ b/frontend/src/app/main/ui/workspace/tokens/sidebar.scss
@@ -12,9 +12,6 @@
   flex-direction: column;
   height: 100%;
   overflow: hidden;
-  padding: $s-12;
-  //justify-content: space-evenly;
-//  align-items: flex-start;
 }
 
 .sets-sidebar {