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", "jobBoard": "Job offers",
"profileDirectory": "Profiles directory", "profileDirectory": "Profiles directory",
"projects": "Projects", "projects": "Projects",
"closeMenu": "Close menu",
"projectsBrowse": "Browse projects", "projectsBrowse": "Browse projects",
"projectCreate": "Create project", "projectCreate": "Create project",
"circles": "Circles", "circles": "Circles",

1
src/locales/es.json
View File

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

1
src/locales/fr.json
View File

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

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

@ -116,11 +116,13 @@ nav#main__menu {
margin-right: 5px; margin-right: 5px;
} }
/* For the icon and the small sub-sub-menu*/ @media (min-width: 768.01px) {
&:not(:hover) .menu-options, &:not(:hover) .menu-options,
&:not(:hover) .menu-admin { &:not(:hover) .menu-admin {
display: none; display: none;
} }
}
.menu-options { .menu-options {
float: right; float: right;
@ -140,6 +142,9 @@ nav#main__menu {
height: 9vh; height: 9vh;
top: 0; top: 0;
text-align: center; 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-options.segment.jsMenuOption
div.menu-icon.icon.icon-small.icon-options-vertical 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 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}` 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-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") 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-options.segment.jsMenuOption
div.menu-icon.icon.icon-small.icon-options-vertical 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 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}` 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-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") solid-badge.badge(data-type="Mention" data-rdf-type="hd:project")