diff --git a/src/scripts/menu-search-control.js b/src/scripts/menu-search-control.js index 7aff3c4..7794d37 100644 --- a/src/scripts/menu-search-control.js +++ b/src/scripts/menu-search-control.js @@ -20,9 +20,9 @@ document.addEventListener("DOMContentLoaded", () => { const searchForm = document.querySelector('.menu-search'); searchForm.addEventListener('formChange', () => { if(document.querySelector('.menu-search input').value != "") { - searchForm.style.backgroundColor = "red"; //- Put overriden color here + searchForm.style.backgroundColor = "#202B3C"; //- Put overriden color here } else { - searchForm.style.backgroundColor = "blue"; //- Put default color here + searchForm.style.backgroundColor = "var(--color-heading)"; //- Put default color here } }) }); \ No newline at end of file diff --git a/src/styles/header/_index.scss b/src/styles/header/_index.scss index d1e9eac..4865079 100644 --- a/src/styles/header/_index.scss +++ b/src/styles/header/_index.scss @@ -47,10 +47,6 @@ header { height: auto; width: auto; - &::before { - // margin-left: -9px; - } - &:hover, &:focus { background: white; } diff --git a/src/styles/left-nav/_index.scss b/src/styles/left-nav/_index.scss index 9ab21b9..8665bca 100644 --- a/src/styles/left-nav/_index.scss +++ b/src/styles/left-nav/_index.scss @@ -19,6 +19,7 @@ nav#main__menu { } .menu-search { + padding: 0; form::before, solid-form-placeholder-text::before { @@ -49,10 +50,6 @@ nav#main__menu { color: #D0D4DA; } - &:-moz-placeholder { /* Firefox 18- */ - color: #D0D4DA; - } - &:focus { /*background: #202B3C;*/ color: white; @@ -195,21 +192,28 @@ nav#main__menu { &:hover { display: flex; + & *:not(button) { + background: #202B3C; + } + hubl-menu-fix-url-contact { width: 100%; - background: #202B3C; } hubl-menu-contact-removed { display: block; - background: #202B3C; padding-top: 5px; margin-left: auto; padding-right: 10px; + padding-left: 10px; - .button-remove button::before { - font-size: 18px; - color: white; + .button-remove { + padding: 0; + + button::before { + font-size: 18px; + color: white; + } } } } @@ -218,6 +222,7 @@ nav#main__menu { /* Modal to keep/remove a contact */ hubl-menu-contact-removed dialog { + background: white !important; border: none; padding: 60px 30px; text-align: center; @@ -231,6 +236,10 @@ nav#main__menu { font-size: 16px; } + div, p { + background: white !important; + } + &::before, p::before, div::before, diff --git a/src/views/partials/menu-left.pug b/src/views/partials/menu-left.pug index 1c60625..c2e1570 100644 --- a/src/views/partials/menu-left.pug +++ b/src/views/partials/menu-left.pug @@ -125,7 +125,7 @@ solid-router#navbar-router(default-route='dashboard') ) div.divider if component.type == "profileDirectory" - solid-route.menu-tab.segment.full.padding-xsmall.text-semibold.text-color-white.bg-color-heading.hover(name=component.route) + solid-route.menu-tab.segment.full.padding-xsmall.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=component.route) div.segment.margin-right-xxsmall div.icon.icon-small.icon-people div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.profileDirectory")