From ee77b0d25d1fb82df74672d9c0037dab83814207 Mon Sep 17 00:00:00 2001
From: Cleiton Floss <cleitonfloss@gmail.com>
Date: Wed, 3 Jun 2020 21:18:31 -0400
Subject: [PATCH] Inputs: add a box-shadow when in focus

---
 src/renderer/components/ft-input/ft-input.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/renderer/components/ft-input/ft-input.css b/src/renderer/components/ft-input/ft-input.css
index d1799b93..b8ae1b1e 100644
--- a/src/renderer/components/ft-input/ft-input.css
+++ b/src/renderer/components/ft-input/ft-input.css
@@ -28,6 +28,13 @@
   background-color: var(--primary-input-color);
 }
 
+.forceTextColor .ft-input:focus {
+  box-shadow: 0 0 1rem 0 var(--primary-input-color);
+  -moz-transition: box-shadow 0.2s ease-in-out;
+  -o-transition: box-shadow 0.2s ease-in-out;
+  transition: box-shadow 0.2s ease-in-out;
+}
+
 .forceTextColor ::-webkit-input-placeholder {
   color: var(--text-with-main-color);
 }