Unverified Commit 67e3de66 authored by Andrey Azov's avatar Andrey Azov Committed by GitHub
Browse files

Update SearchField styles (#570)

parent 98fc6264
Pipeline #190147 passed with stages
in 4 minutes and 34 seconds
...@@ -6,19 +6,15 @@ $rightCornerWidth: 40px; ...@@ -6,19 +6,15 @@ $rightCornerWidth: 40px;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
position: relative; position: relative;
padding: 4px;
width: 100%; width: 100%;
max-width: 485px; max-width: 485px;
height: 36px;
box-shadow: inset 2px 2px 4px -2px $dark-grey;
background: white;
// nesting to increase specificity of the selector (needs to override child rules) // nesting to increase specificity of the selector (needs to override child rules)
.speciesSearchField { .speciesSearchField {
width: 100%; width: 100%;
background: $white; background: $white;
padding-left: 18px; height: 36px;
border: none; padding-left: 22px;
input { input {
&::placeholder { &::placeholder {
......
...@@ -22,8 +22,6 @@ ...@@ -22,8 +22,6 @@
.searchFieldWrapper { .searchFieldWrapper {
grid-area: search-field; grid-area: search-field;
padding: 4px;
box-shadow: inset 2px 2px 4px -2px $dark-grey;
background: white; background: white;
&Interstitial { &Interstitial {
...@@ -32,9 +30,7 @@ ...@@ -32,9 +30,7 @@
// nesting to increase specificity of the selector // nesting to increase specificity of the selector
.searchField { .searchField {
border: none;
width: 100%; width: 100%;
height: 100%;
} }
} }
......
@import 'src/styles/common'; @import 'src/styles/common';
.searchField { .searchField {
border: 1px solid $grey; box-shadow: $form-field-shadow;
height: 30px;
display: inline-flex; display: inline-flex;
padding: 0 0.6em; padding: 0 12px;
input {
background-color: transparent;
}
} }
.searchFieldRightCorner { .searchFieldRightCorner {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment