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

fix: left menu - cearch menu colors + contact submenu

Browse Source
This commit is contained in:
gaelle morin 2021-04-02 19:21:20 +02:00
parent f27d4af851
commit dba3f11cd2
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
4 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/scripts/menu-search-control.js
View File

@ -20,9 +20,9 @@ document.addEventListener("DOMContentLoaded", () => {
const searchForm = document.querySelector('.menu-search'); const searchForm = document.querySelector('.menu-search');
searchForm.addEventListener('formChange', () => { searchForm.addEventListener('formChange', () => {
if(document.querySelector('.menu-search input').value != "") { if(document.querySelector('.menu-search input').value != "") {
searchForm.style.backgroundColor = "red"; //- Put overriden color here searchForm.style.backgroundColor = "#202B3C"; //- Put overriden color here
} else { } else {
searchForm.style.backgroundColor = "blue"; //- Put default color here searchForm.style.backgroundColor = "var(--color-heading)"; //- Put default color here
} }
}) })
}); });

4
src/styles/header/_index.scss
View File

@ -47,10 +47,6 @@ header {
height: auto; height: auto;
width: auto; width: auto;
&::before {
// margin-left: -9px;
}
&:hover, &:focus { &:hover, &:focus {
background: white; background: white;
} }

27
src/styles/left-nav/_index.scss
View File

@ -19,6 +19,7 @@ nav#main__menu {
} }
.menu-search { .menu-search {
padding: 0;
form::before, form::before,
solid-form-placeholder-text::before { solid-form-placeholder-text::before {
@ -49,10 +50,6 @@ nav#main__menu {
color: #D0D4DA; color: #D0D4DA;
} }
&:-moz-placeholder { /* Firefox 18- */
color: #D0D4DA;
}
&:focus { &:focus {
/*background: #202B3C;*/ /*background: #202B3C;*/
color: white; color: white;
@ -195,21 +192,28 @@ nav#main__menu {
&:hover { &:hover {
display: flex; display: flex;
& *:not(button) {
background: #202B3C;
}
hubl-menu-fix-url-contact { hubl-menu-fix-url-contact {
width: 100%; width: 100%;
background: #202B3C;
} }
hubl-menu-contact-removed { hubl-menu-contact-removed {
display: block; display: block;
background: #202B3C;
padding-top: 5px; padding-top: 5px;
margin-left: auto; margin-left: auto;
padding-right: 10px; padding-right: 10px;
padding-left: 10px;
.button-remove button::before { .button-remove {
font-size: 18px; padding: 0;
color: white;
button::before {
font-size: 18px;
color: white;
}
} }
} }
} }
@ -218,6 +222,7 @@ nav#main__menu {
/* Modal to keep/remove a contact */ /* Modal to keep/remove a contact */
hubl-menu-contact-removed dialog { hubl-menu-contact-removed dialog {
background: white !important;
border: none; border: none;
padding: 60px 30px; padding: 60px 30px;
text-align: center; text-align: center;
@ -231,6 +236,10 @@ nav#main__menu {
font-size: 16px; font-size: 16px;
} }
div, p {
background: white !important;
}
&::before, &::before,
p::before, p::before,
div::before, div::before,

2
src/views/partials/menu-left.pug
View File

@ -125,7 +125,7 @@ solid-router#navbar-router(default-route='dashboard')
) )
div.divider div.divider
if component.type == "profileDirectory" 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.segment.margin-right-xxsmall
div.icon.icon-small.icon-people div.icon.icon-small.icon-people
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.profileDirectory") div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.profileDirectory")