From 1951b7cb8adacb262e1ea465450c7bd66a34e0ee Mon Sep 17 00:00:00 2001
From: Amir Allayarov <amir.allayarov@softeq.com>
Date: Mon, 23 May 2022 15:48:56 +0400
Subject: [PATCH 1/3] #RI-2923- update range filter

---
 .../range-filter/styles.module.scss           | 60 +++++++++++--------
 1 file changed, 35 insertions(+), 25 deletions(-)

diff --git a/redisinsight/ui/src/components/range-filter/styles.module.scss b/redisinsight/ui/src/components/range-filter/styles.module.scss
index 85be14f424..7200eb49f8 100644
--- a/redisinsight/ui/src/components/range-filter/styles.module.scss
+++ b/redisinsight/ui/src/components/range-filter/styles.module.scss
@@ -42,11 +42,42 @@
   background-color: var(--euiColorPrimary);
   z-index: 2;
   transform: translateY(2px);
+
+  &:before {
+    content: '';
+    width: 1px;
+    height: 6px;
+    position: absolute;
+    top: -6px;
+    background-color: var(--euiColorPrimary);
+  }
+
+  &:after {
+    content: '';
+    width: 1px;
+    height: 6px;
+    position: absolute;
+    right: 0;
+    background-color: var(--euiColorPrimary);
+  }
 }
 
 .rangeWrapper:hover .sliderRange {
   height: 5px;
   transform: translateY(0px);
+
+  &:before {
+
+    width: 2px;
+    height: 12px;
+    top: -12px;
+  }
+
+  &:after {
+    width: 2px;
+    height: 12px;
+    top: 5px;
+  }
 }
 
 .sliderLeftValue,
@@ -117,7 +148,7 @@
 
 .thumb::-moz-range-thumb {
   width: 24px;
-  height: 12px;
+  height: 24px;
   border: none;
   border-radius: 0;
   cursor: ew-resize;
@@ -125,12 +156,6 @@
   pointer-events: all;
   position: relative;
   background: transparent;
-  border-bottom: 1px solid var(--euiColorPrimary);
-  border-left: 1px solid var(--euiColorPrimary);
-}
-
-.rangeWrapper:hover .thumb::-moz-range-thumb {
-  border-bottom: 5px solid var(--euiColorPrimary);
 }
 
 .thumbZindex3::-moz-range-thumb {
@@ -143,7 +168,7 @@
 
 input[type='range']::-webkit-slider-thumb {
   width: 24px;
-  height: 12px;
+  height: 24px;
   border: none;
   border-radius: 0;
   cursor: ew-resize;
@@ -151,27 +176,12 @@ input[type='range']::-webkit-slider-thumb {
   pointer-events: all;
   position: relative;
   background: transparent;
-  border-bottom: 1px solid var(--euiColorPrimary);
-  border-left: 1px solid var(--euiColorPrimary);
-}
-
-.rangeWrapper:hover input[type='range']::-webkit-slider-thumb{
-  border-bottom: 5px solid var(--euiColorPrimary);
-  margin-top: 2px;
 }
 
 input[type='range']:first-child::-webkit-slider-thumb {
-  transform: translateY(-5px);
+  transform: translateY(-4px);
 }
 
 input[type='range']:last-of-type::-webkit-slider-thumb {
-  transform: translateY(6px) rotate(180deg);
-}
-
-.rangeWrapper:hover input[type='range']:first-child::-webkit-slider-thumb {
-  transform: translateY(-2px);
+  transform: translateY(8px) rotate(180deg);
 }
-
-.rangeWrapper:hover input[type='range']:last-of-type::-webkit-slider-thumb {
-  transform: translateY(5px) rotate(180deg);
-}
\ No newline at end of file

From 846f6fa53eccf973f2fc50855033c34e6c9a7795 Mon Sep 17 00:00:00 2001
From: Amir Allayarov <amir.allayarov@softeq.com>
Date: Mon, 23 May 2022 16:02:51 +0400
Subject: [PATCH 2/3] #RI-2923- update range filter

---
 .../ui/src/components/range-filter/styles.module.scss     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/redisinsight/ui/src/components/range-filter/styles.module.scss b/redisinsight/ui/src/components/range-filter/styles.module.scss
index 7200eb49f8..d6f484911b 100644
--- a/redisinsight/ui/src/components/range-filter/styles.module.scss
+++ b/redisinsight/ui/src/components/range-filter/styles.module.scss
@@ -48,7 +48,8 @@
     width: 1px;
     height: 6px;
     position: absolute;
-    top: -6px;
+    top: -5px;
+    left: -1px;
     background-color: var(--euiColorPrimary);
   }
 
@@ -57,7 +58,7 @@
     width: 1px;
     height: 6px;
     position: absolute;
-    right: 0;
+    right: -1px;
     background-color: var(--euiColorPrimary);
   }
 }
@@ -70,13 +71,12 @@
 
     width: 2px;
     height: 12px;
-    top: -12px;
+    top: -7px;
   }
 
   &:after {
     width: 2px;
     height: 12px;
-    top: 5px;
   }
 }
 

From dc16b8ee5df2420a4a88223c2ca0af93059ac13a Mon Sep 17 00:00:00 2001
From: Amir Allayarov <amir.allayarov@softeq.com>
Date: Mon, 23 May 2022 16:23:22 +0400
Subject: [PATCH 3/3] #RI-2923- update range filter

---
 .../ui/src/components/range-filter/styles.module.scss     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/redisinsight/ui/src/components/range-filter/styles.module.scss b/redisinsight/ui/src/components/range-filter/styles.module.scss
index d6f484911b..88babe2ced 100644
--- a/redisinsight/ui/src/components/range-filter/styles.module.scss
+++ b/redisinsight/ui/src/components/range-filter/styles.module.scss
@@ -85,20 +85,20 @@
   width: max-content;
   color: var(--euiColorMediumShade);
   font: normal normal normal 12px/18px Graphik;
-  margin-top: 20px;
+  margin-top: 8px;
 }
 
 .sliderLeftValue {
   left: 0;
-  margin-top: -30px;
+  margin-top: -25px;
 }
 
 .rangeWrapper:hover .sliderLeftValue {
-  margin-top: -28px;
+  margin-top: -23px;
 }
 
 .rangeWrapper:hover .sliderRightValue {
-  margin-top: 22px;
+  margin-top: 10px;
 }
 
 .sliderLeftValue.leftPosition {