autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

search field ok

Browse Source
This commit is contained in:
Gaelle Morin 2018-12-06 12:31:33 +01:00
parent 5caca218a8
commit ba0f65238e
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/styles/main.scss
View File

@ -236,24 +236,29 @@ h4 {
} }
#search-icon { #search-icon {
-webkit-text-stroke: 1px $color-grey-light4;
color: $color-grey-light4;
pointer-events: none; pointer-events: none;
} }
#close-search-icon, #close-search-icon,
#search-icon { #search-icon {
position: absolute; position: absolute;
right: 0.4em; right: 0.7em;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
margin: auto; margin: auto;
display: block; display: block;
font-size: 1.3em;
} }
#search-input { #search-input {
-webkit-appearance: textfield; -webkit-appearance: textfield;
border-radius: 10em; border-radius: 10em;
padding: 0.4em 0.8em; padding: 0.4em 0.8em;
border: 1px solid $color-grey; border: 1px solid $color-grey-light4;
height: 2.8rem;
width: 22rem;
& ~ #close-search-icon { & ~ #close-search-icon {
opacity: 0; opacity: 0;

1
src/styles/variables.scss
View File

@ -3,6 +3,7 @@ $color-white: #fff;
$color-black: #36383b; $color-black: #36383b;
$color-grey: #898f95; $color-grey: #898f95;
$color-grey-mid: #abaaba; $color-grey-mid: #abaaba;
$color-grey-light4: #b4b9c0;
$color-grey-light3: hsla(59, 13%, 86%, 0.2); $color-grey-light3: hsla(59, 13%, 86%, 0.2);
$color-grey-light2: #d8d8d8; $color-grey-light2: #d8d8d8;
$color-grey-light: #f0f3f6; $color-grey-light: #f0f3f6;