From 451437c4295ee29857486b049d97e669875a9805 Mon Sep 17 00:00:00 2001
From: Tristan-H11 <triddel02@gmx.de>
Date: Wed, 23 Mar 2022 15:42:29 +0100
Subject: [PATCH] Improved focus behaviour. (#288)

---
 .../inputs/text-input/text-input.component.scss | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/core/components/inputs/text-input/text-input.component.scss b/src/core/components/inputs/text-input/text-input.component.scss
index 0865027c..1a92daed 100644
--- a/src/core/components/inputs/text-input/text-input.component.scss
+++ b/src/core/components/inputs/text-input/text-input.component.scss
@@ -38,14 +38,27 @@ input {
   &::placeholder {
     color: $placeholder-font
   }
+
   &:disabled::placeholder {
     color: $disabled-placeholder-font
   }
 
   @each $name, $colors in $flavors {
     &.#{$name} {
-      &:focus {
-        accent-color: list.nth($colors, 1);
+
+      @if $name == "danger"
+      or $name == "warning"
+      or $name == "success"
+      or $name == "info" {
+        border: 2px solid;
+        border-color: list.nth($colors, 1);
+        &:focus {
+          outline: none;
+        }
+      } @else {
+        &:focus {
+          accent-color: list.nth($colors, 1);
+        }
       }
     }
   }