fix: added color on form field hover (#813)

openedx · Sep 16, 2021 · 70dfedd · 70dfedd
1 parent 80ed439
commit 70dfedd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/Form/_Form.scss b/src/Form/_Form.scss
@@ -15,7 +15,9 @@ $select-icon-padding: .5625rem !default;
   @include form-control-focus(true);
   border-color: $input-border-color;
 }
-
+.form-control:hover {
+  border : solid $input-hover-width $dark-700;
+}
 
 .pgn__form-group {
   margin-bottom: $form-group-margin-bottom;

diff --git a/src/Form/_variables.scss b/src/Form/_variables.scss
@@ -46,6 +46,7 @@ $input-height:                          calc(#{$input-line-height * 1em} + #{$in
 $input-height-sm:                       calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;
 $input-height-lg:                       calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;
 
+$input-hover-width:                     1px !default;
 $input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
 
 $form-text-margin-top:                  .25rem !default;