From 386c6a3a4d584d3e210c1ae31385b76670cb5f83 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 22 Jun 2021 09:28:52 +0300
Subject: [PATCH] Fixing hover effect in inputs

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/input/input.scss   | 5 +++++
 src/renderer/components/select/select.scss | 1 +
 2 files changed, 6 insertions(+)

diff --git a/src/renderer/components/input/input.scss b/src/renderer/components/input/input.scss
index 97ad5c058a..b683f46d3a 100644
--- a/src/renderer/components/input/input.scss
+++ b/src/renderer/components/input/input.scss
@@ -136,10 +136,15 @@
           border-color: var(--inputControlBorder);
           color: var(--textColorTertiary);
           padding: $padding;
+          transition: border-color 0.1s;
 
           &:hover {
             border-color: var(--inputControlHoverBorder);
           }
+
+          &:focus-within {
+            border-color: $colorInfo;
+          }
         }
       }
     }
diff --git a/src/renderer/components/select/select.scss b/src/renderer/components/select/select.scss
index 55fddec850..84f348f4c0 100644
--- a/src/renderer/components/select/select.scss
+++ b/src/renderer/components/select/select.scss
@@ -213,6 +213,7 @@ html {
       :hover {
         &.Select__control {
           box-shadow: 0 0 0 1px var(--inputControlHoverBorder);
+          transition: box-shadow 0.1s;
         }
       }