Improved focus behaviour. (#288)

cryptic-game · Mar 23, 2022 · 451437c · 451437c
1 parent 83bfd5e
commit 451437c
Showing 1 changed file with 15 additions and 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
@@ -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);
+ }
  }
  }
  }