From dba3f11cd29a4f374411f4d288c2fe7f484fbc21 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Fri, 2 Apr 2021 19:21:20 +0200
Subject: [PATCH] fix: left menu - cearch menu colors + contact submenu
---
src/scripts/menu-search-control.js | 4 ++--
src/styles/header/_index.scss | 4 ----
src/styles/left-nav/_index.scss | 27 ++++++++++++++++++---------
src/views/partials/menu-left.pug | 2 +-
4 files changed, 21 insertions(+), 16 deletions(-)
diff --git a/src/scripts/menu-search-control.js b/src/scripts/menu-search-control.js
index 7aff3c46..7794d370 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 d1e9eac7..48650795 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 9ab21b9c..8665bca2 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 {
+ padding: 0;
- .button-remove button::before {
- font-size: 18px;
- color: white;
+ 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 1c606257..c2e15704 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")
--
GitLab