Deuxfleurs/guide.deuxfleurs.fr
23
4
Fork 10
Code Issues 4 Pull requests 3 Projects Releases Wiki Activity

Menu navigation sur ordi & mobile #1

New issue
Open
opened 2022-05-13 13:47:25 +00:00 by quentin · 3 comments
quentin commented 2022-05-13 13:47:25 +00:00
Owner
Copy link

Le menu de gauche est à l'origine une table des matières qui permet de se déplacer plus vite dans la page sans avoir à scroller. Cette table des matières à l'origine n'est donc pas nécessaire pour accéder au contenu, c'est un raccourci, et donc les concepteurs du thème ont fait le choix de la masquer sur mobile.

Malheureusement, j'ai transformé cette table des matières en menu de navigation, ce qui pose problème maintenant car elle est nécessaire pour naviguer de page en page. Il faut donc trouver un moyen de l'afficher.

Le menu de gauche est à l'origine une table des matières qui permet de se déplacer plus vite dans la page sans avoir à scroller. Cette table des matières à l'origine n'est donc pas nécessaire pour accéder au contenu, c'est un raccourci, et donc les concepteurs du thème ont fait le choix de la masquer sur mobile. Malheureusement, j'ai transformé cette table des matières en menu de navigation, ce qui pose problème maintenant car elle est nécessaire pour naviguer de page en page. Il faut donc trouver un moyen de l'afficher.
👍 1 👀 1
adrien commented 2024-12-07 15:41:49 +00:00
Owner
Copy link

Il me semble qu'LX a résolu la disparition du menu de gauche sur mobile en mettant un "menu hamburger". Néanmoins, sur mobile, le menu en onglets du <header> lui ne s'affiche pas. C'est pourquoi on a mis le lien vers ces onglets dans le texte de la page d'accueil.

On réfléchit avec Marion à proposer un seul et unique menu qui affiche la liste des sections ainsi que leur arborescence (dans le style de https://deontofi.com/ -- que c'est moi qui l'ai fait).

Il me semble qu'LX a résolu la disparition du menu de gauche sur mobile en mettant un "menu hamburger". Néanmoins, sur mobile, le menu en onglets du `<header>` lui ne s'affiche pas. C'est pourquoi on a mis le lien vers ces onglets dans le texte de la page d'accueil. On réfléchit avec Marion à proposer un seul et unique menu qui affiche la liste des sections ainsi que leur arborescence (dans le style de https://deontofi.com/ -- que c'est moi qui l'ai fait).
adrien changed title from Problème menu gauche sur mobile to Menu navigation sur ordi & mobile 2024-12-07 16:11:42 +00:00
adrien commented 2024-12-07 16:12:53 +00:00
Owner
Copy link

Comme hotfix, on propose de commenter la ligne 198 de sass/juice.scss (Juice étant le thème dont on hérite). C'est là qu'est caché la liste des onglets sur mobile.

Et voilà le travail :

image

Comme hotfix, on propose de commenter [la ligne 198 de sass/juice.scss](https://git.deuxfleurs.fr/Deuxfleurs/guide.deuxfleurs.fr/src/branch/main/sass/juice.scss#L198) (Juice étant le thème dont on hérite). C'est là qu'est caché la liste des onglets sur mobile. --- Et voilà le travail : ![image](/attachments/6ac768b7-2772-4c34-b40e-88074cfd19c1)
image.png
34 KiB
adrien commented 2024-12-07 18:10:33 +00:00
Owner
Copy link

Reste à faire :

  • Cacher le menu hamburger sur la page d'accueil
  • Remplacer le titre de la page par "Sommaire" (ou autre, ou par rien) pour ne pas écrire 4x le titre de la page.
Reste à faire : - [ ] Cacher le menu hamburger sur la page d'accueil - [ ] Remplacer le titre de la page par "Sommaire" (ou autre, ou par rien) pour ne pas écrire 4x le titre de la page.
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
aeddis-refonte
test
ci/fix_woodpecker
cgu_abus_services
ag-2024
preprod
ci/upload_when_branch_main
code-de-conduite
feat/adhesion
statuts/chgt_adresse
dns_cname_apex
fix_s3_sync
ag2023
cms
No results found.
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: Deuxfleurs/guide.deuxfleurs.fr#1
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?