fix: added search input border transition back in

zendesk · Mar 14, 2022 · 5407814 · 5407814
1 parent a3c0e94
commit 5407814
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/style.css b/style.css
@@ -1084,6 +1084,7 @@ ul {
   border-width: 1px;
   display: flex;
   position: relative;
+  transition: border 0.12s ease-in-out;
 }
 
 .search:focus-within {

diff --git a/styles/_base.scss b/styles/_base.scss
@@ -69,7 +69,7 @@ textarea {
 input {
   max-width: 100%;
   box-sizing: border-box;
-  transition: border $input-transition;
+  transition: $input-transition;
 
   &:not([type="checkbox"]) {
     outline: none;

diff --git a/styles/_search.scss b/styles/_search.scss
@@ -15,6 +15,7 @@ $padding-right: 20px;
   border-width: 1px;
   display: flex;
   position: relative;
+  transition: $input-transition;
 
   &:focus-within {
     border-color: $brand_color;

diff --git a/styles/_variables.scss b/styles/_variables.scss
@@ -29,4 +29,4 @@ $max-width-container: 1160px;
 $font-weight-semibold: 600;
 
 // Transitions
-$input-transition: .12s ease-in-out;
+$input-transition: border .12s ease-in-out;