diff --git a/src/styles/left-nav/_index.scss b/src/styles/left-nav/_index.scss index 2fc7433..f6fc293 100644 --- a/src/styles/left-nav/_index.scss +++ b/src/styles/left-nav/_index.scss @@ -20,6 +20,11 @@ nav#main__menu { .menu-search { + form::before, + solid-form-placeholder-text::before { + display: none; + } + form { display: flex; @@ -34,10 +39,6 @@ nav#main__menu { margin-top: 0; padding: 12px 13px; 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/ */ &::-webkit-input-placeholder { /* Chrome/Opera/Safari */ @@ -53,13 +54,25 @@ nav#main__menu { } &:focus { - background: #202B3C; + /*background: #202B3C;*/ color: white; } } button { background: transparent; + border: none; + color: #D0D4DA; + margin-top: 0 !important; + height: auto; + + @media (max-width: 768px) { + width: 20%; + } + + &:hover::before { + color: white; + } } } diff --git a/src/views/partials/menu-left.pug b/src/views/partials/menu-left.pug index e3e6943..fe40f53 100644 --- a/src/views/partials/menu-left.pug +++ b/src/views/partials/menu-left.pug @@ -1,4 +1,4 @@ -solid-form-search( +solid-form-search.icon.children-icon-magnifier( id='general-search' class='segment block form menu-search' fields='name'