Skip to content

fix(sidemenu): corrige l'affichage mobile lors d'une utilisation sans accordéon#1403

Open
7studio wants to merge 2 commits intoGouvernementFR:mainfrom
7studio:fix/sidemenu
Open

fix(sidemenu): corrige l'affichage mobile lors d'une utilisation sans accordéon#1403
7studio wants to merge 2 commits intoGouvernementFR:mainfrom
7studio:fix/sidemenu

Conversation

@7studio
Copy link
Copy Markdown
Contributor

@7studio 7studio commented Mar 10, 2026

Hello,

S'il reste un peu de place dans le v1.15, voici une petite correction du composant Menu latéral lorsque l'on utilise celui-ci sans accordéon (cf. #1365 (comment)).

Sans accordéon, le composant est rendu avec deux erreurs :

  1. Les éléments de premier niveau sont séparés par deux bordures car sans la classe HTML .fr-collapse (qui redéfinit la propriété CSS overflow), il n'y a pas de création d'un nouveau contexte de formatage de blocs (block formatting context) et les marges extérieurs ne sont pas gérées de la même façon.
    Solution : remplacer par des marges intérieures.

  2. Quand il n'y a qu'un sous-élément, une bordure est dessinée entre celui-ci et le premier niveau.
    Solution : supprimer la bordure lorsqu'il n'y a qu'un sous-élément.

Capture d'écran 2026-03-10 211923

Je vous laisse également le CodePen pour exemple : https://codepen.io/7studio/pen/ogzzmZO?editors=1100

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant