patch: left-menu - styles on search-form added

This commit is contained in:
gaelle morin 2021-04-01 21:04:08 +02:00
parent 377abe2c62
commit 97f634b7b9
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
2 changed files with 19 additions and 6 deletions

View File

@ -20,6 +20,11 @@ nav#main__menu {
.menu-search { .menu-search {
form::before,
solid-form-placeholder-text::before {
display: none;
}
form { form {
display: flex; display: flex;
@ -34,10 +39,6 @@ nav#main__menu {
margin-top: 0; margin-top: 0;
padding: 12px 13px; padding: 12px 13px;
height: 50px; height: 50px;
background-image: url("/images/calendar.svg");
background-position: right 12px top 50%;
background-repeat: no-repeat;
background-size: 14px;
/* https://css-tricks.com/almanac/selectors/p/placeholder/ */ /* https://css-tricks.com/almanac/selectors/p/placeholder/ */
&::-webkit-input-placeholder { /* Chrome/Opera/Safari */ &::-webkit-input-placeholder { /* Chrome/Opera/Safari */
@ -53,13 +54,25 @@ nav#main__menu {
} }
&:focus { &:focus {
background: #202B3C; /*background: #202B3C;*/
color: white; color: white;
} }
} }
button { button {
background: transparent; background: transparent;
border: none;
color: #D0D4DA;
margin-top: 0 !important;
height: auto;
@media (max-width: 768px) {
width: 20%;
}
&:hover::before {
color: white;
}
} }
} }

View File

@ -1,4 +1,4 @@
solid-form-search( solid-form-search.icon.children-icon-magnifier(
id='general-search' id='general-search'
class='segment block form menu-search' class='segment block form menu-search'
fields='name' fields='name'