Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
ensembl-web
ensembl-client
Commits
67e3de66
Unverified
Commit
67e3de66
authored
Sep 03, 2021
by
Andrey Azov
Committed by
GitHub
Sep 03, 2021
Browse files
Update SearchField styles (#570)
parent
98fc6264
Pipeline
#190147
passed with stages
in 4 minutes and 34 seconds
Changes
3
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
9 additions
and
12 deletions
+9
-12
src/ensembl/src/content/app/species-selector/components/species-search-field/SpeciesSearchField.scss
...r/components/species-search-field/SpeciesSearchField.scss
+2
-6
src/ensembl/src/shared/components/in-app-search/InAppSearch.scss
...embl/src/shared/components/in-app-search/InAppSearch.scss
+0
-4
src/ensembl/src/shared/components/search-field/SearchField.scss
...sembl/src/shared/components/search-field/SearchField.scss
+7
-2
No files found.
src/ensembl/src/content/app/species-selector/components/species-search-field/SpeciesSearchField.scss
View file @
67e3de66
...
...
@@ -6,19 +6,15 @@ $rightCornerWidth: 40px;
display
:
inline-flex
;
align-items
:
center
;
position
:
relative
;
padding
:
4px
;
width
:
100%
;
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)
.speciesSearchField
{
width
:
100%
;
background
:
$white
;
padding-lef
t
:
18
px
;
border
:
none
;
heigh
t
:
36
px
;
padding-left
:
22px
;
input
{
&
::placeholder
{
...
...
src/ensembl/src/shared/components/in-app-search/InAppSearch.scss
View file @
67e3de66
...
...
@@ -22,8 +22,6 @@
.searchFieldWrapper
{
grid-area
:
search-field
;
padding
:
4px
;
box-shadow
:
inset
2px
2px
4px
-2px
$dark-grey
;
background
:
white
;
&
Interstitial
{
...
...
@@ -32,9 +30,7 @@
// nesting to increase specificity of the selector
.searchField
{
border
:
none
;
width
:
100%
;
height
:
100%
;
}
}
...
...
src/ensembl/src/shared/components/search-field/SearchField.scss
View file @
67e3de66
@import
'src/styles/common'
;
.searchField
{
border
:
1px
solid
$grey
;
box-shadow
:
$form-field-shadow
;
height
:
30px
;
display
:
inline-flex
;
padding
:
0
0
.6em
;
padding
:
0
12px
;
input
{
background-color
:
transparent
;
}
}
.searchFieldRightCorner
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment