Fixed form controls focus highlight. (#1318)

Azure · May 21, 2021 · f723df9 · f723df9
1 parent 9ab6271
commit f723df9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/themes/designer/styles/forms.scss b/src/themes/designer/styles/forms.scss
@@ -16,6 +16,7 @@
 .form-group {
     display: block;
     margin-bottom: 20px;
+    padding: 1px;
     width: 100%;
 
     .form-group {
@@ -84,8 +85,7 @@ textarea {
     }
 
     &:focus {
-        outline: none;
-        border: 1px solid $form-control-focus-color;
+        outline: 1px solid $form-control-focus-color;
     }
 
     &.is-invalid {
@@ -161,7 +161,7 @@ textarea {
     border: 1px solid $form-control-border;
 
     &:focus-within {
-        border: 1px solid $form-control-border-focused;
+        outline: 1px solid $form-control-focus-color;
     }
 
     .form-control,

diff --git a/src/themes/designer/styles/variables.scss b/src/themes/designer/styles/variables.scss
@@ -63,7 +63,7 @@ $form-control-bg: #ffffff;
 $form-control-bg-readonly: #ffffff;
 $form-control-bg-disabled: #e6e7e8;
 $form-control-padding: 7px;
-$form-control-focus-color: #61b2e8;
+$form-control-focus-color: #57585a;
 $form-control-slider-thumb-bg: #fff;
 $form-control-slider-thumb-size: 17px;
 $form-collapsible-section-gutter-color: #ddd;