From 36dab02c34d0f2ae835b95544a7aed77adacbd33 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 15 Jun 2021 13:48:23 +0300
Subject: [PATCH] Fixing resizing anchor highlight (#3056)

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../resizing-anchor/resizing-anchor.scss      | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/resizing-anchor/resizing-anchor.scss b/src/renderer/components/resizing-anchor/resizing-anchor.scss
index 024a83105b..13cebe4b8e 100644
--- a/src/renderer/components/resizing-anchor/resizing-anchor.scss
+++ b/src/renderer/components/resizing-anchor/resizing-anchor.scss
@@ -38,13 +38,13 @@ body.resizing {
     height: 100%;
     margin-left: 50%;
     background: transparent;
-    transition: all 0.2s 0s;
+    transition: background 0.2s 0s;
   }
 
   &:hover {
     &::after {
       background: var(--blue);
-      transition: all 0.2s 0.5s;
+      transition: background 0.2s 0.5s;
     }
   }
 
@@ -58,8 +58,20 @@ body.resizing {
     cursor: row-resize;
     height: $dimension;
 
-    &.leading {
-      top: -$dimension / 2;
+    &::after {
+      height: 3px;
+      width: 100%;
+      margin-left: 0;
+    }
+
+    .resizing & {
+      $expandedHeight: 200px;
+      height: $expandedHeight;
+      margin-top: -$expandedHeight / 2;
+
+      &::after {
+        margin-top: $expandedHeight / 2;
+      }
     }
 
     &.trailing {