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

fix: mobile white submenu

Browse Source
This commit is contained in:
Jean-Baptiste Pasquier 2021-04-06 13:58:24 +02:00
parent 45fda6a2c4
commit 0945a3a9fc
5 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/locales/en.json
View File

@ -25,6 +25,7 @@
"jobBoard": "Job offers",
"profileDirectory": "Profiles directory",
"projects": "Projects",
"closeMenu": "Close menu",
"projectsBrowse": "Browse projects",
"projectCreate": "Create project",
"circles": "Circles",

1
src/locales/es.json
View File

@ -25,6 +25,7 @@
"jobBoard": "Ofertas de trabajo",
"profileDirectory": "Directorio de miembrxs",
"projects": "Proyectos",
"closeMenu": "Cerrar menú",
"projectsBrowse": "Examinar los proyectos",
"projectCreate": "Crea un proyecto",
"circles": "Círculos",

1
src/locales/fr.json
View File

@ -25,6 +25,7 @@
"jobBoard": "Offres de mission",
"profileDirectory": "Annuaire des membres",
"projects": "Projets",
"closeMenu": "Fermer le menu",
"projectsBrowse": "Parcourir les projets",
"projectCreate": "Créer un projet",
"circles": "Cercles",

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

@ -116,10 +116,12 @@ nav#main__menu {
margin-right: 5px;
}
/* For the icon and the small sub-sub-menu*/
&:not(:hover) .menu-options,
&:not(:hover) .menu-admin {
display: none;
@media (min-width: 768.01px) {
&:not(:hover) .menu-options,
&:not(:hover) .menu-admin {
display: none;
}
}
.menu-options {
@ -140,6 +142,9 @@ nav#main__menu {
height: 9vh;
top: 0;
text-align: center;
position: fixed;
top: 50px;
height: calc(100% - 50px);
}
}
}

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

@ -33,6 +33,7 @@ solid-router#navbar-router(default-route='dashboard')
div.menu-options.segment.jsMenuOption
div.menu-icon.icon.icon-small.icon-options-vertical
div.menu-admin.segment.bg-color-white.shadow.text-color-secondary.padding-xxsmall.whitespace-normal.hidden.jsMenuAdmin
span.segment.full.one-line-ellipsis.padding-xxsmall.sm-padding-xsmall.lg-hidden(data-trans="menuLeft.closeMenu" onclick="this.parentElement.classList.toggle('hidden', true)")
solid-link.segment.full.one-line-ellipsis.padding-xxsmall.sm-padding-xsmall(next=`admin-${component.route}` data-trans="menuLeft.circlesBrowse")
solid-link.segment.full.one-line-ellipsis.padding-xxsmall.sm-padding-xsmall(next=`admin-${component.route}-create` data-trans="menuLeft.circleCreate")
solid-badge.badge(data-type="Mention" data-rdf-type="hd:circle")
@ -99,6 +100,7 @@ solid-router#navbar-router(default-route='dashboard')
div.menu-options.segment.jsMenuOption
div.menu-icon.icon.icon-small.icon-options-vertical
div.menu-admin.segment.bg-color-white.shadow.text-color-secondary.padding-xxsmall.whitespace-normal.hidden.jsMenuAdmin
span.segment.full.one-line-ellipsis.padding-xxsmall.sm-padding-xsmall.lg-hidden(data-trans="menuLeft.closeMenu" onclick="this.parentElement.classList.toggle('hidden', true)")
solid-link.segment.full.one-line-ellipsis.padding-xxsmall.sm-padding-xsmall(next=`admin-${component.route}` data-trans="menuLeft.projectsBrowse")
solid-link.segment.full.one-line-ellipsis.padding-xxsmall.sm-padding-xsmall(next=`admin-${component.route}-create` data-trans="menuLeft.projectCreate")
solid-badge.badge(data-type="Mention" data-rdf-type="hd:project")