Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEATURE] ajoute une declinaison de la navigation pour mobile (pix-15284) #770

Open
wants to merge 3 commits into
base: dev
Choose a base branch
from

Conversation

lionelB
Copy link
Contributor

@lionelB lionelB commented Nov 26, 2024

🎄 Problème

La nav est pas responsive

🎁 Proposition

Ajouter le responsive sur la nav

🌟 Remarques

On a été obliger de surcharger les styles inline rajouté par popper avec des !important

🎅 Pour tester

ouvrir la story de la pix-app-layout et redimensionner la page ou utiliser les outils responsive de storybook

@pix-bot-github
Copy link

Une fois l'application déployée, elle sera accessible à cette adresse https://ui-pr770.review.pix.fr
Les variables d'environnement seront accessibles sur scalingo https://dashboard.scalingo.com/apps/osc-fr1/pix-ui-review-pr770/environment

@lionelB lionelB force-pushed the pix-15284/navbar-responsive-on-mobile branch 4 times, most recently from 2700193 to 77beb50 Compare November 26, 2024 15:00
@lionelB lionelB marked this pull request as ready for review November 26, 2024 15:01
@lionelB lionelB force-pushed the pix-15284/navbar-responsive-on-mobile branch 8 times, most recently from 63765de to f042929 Compare November 26, 2024 16:37
@alicegoarnisson alicegoarnisson force-pushed the pix-15284/navbar-responsive-on-mobile branch from 7a91a53 to 6cf695e Compare November 27, 2024 09:30
@pierrepougetpix
Copy link

Changer le background du bouton "Menu" pour neutral-800 avec opacité

aria-expanded={{this.navigationMenuOpened}}
@iconBefore={{if this.navigationMenuOpened "close" "menu"}}
@triggerAction={{this.toggleNavigationMenu}}
>Menu</PixButton>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

todo il vaut mieux passer un argument pour le texte du bouton "Menu"

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

later : utiliser le service isTablet/isDesktop pour cacher entierement cet élement lorsqu'il n'a pas d'interêt dans la page

@alicegoarnisson alicegoarnisson force-pushed the pix-15284/navbar-responsive-on-mobile branch 2 times, most recently from a9cba5c to 9470706 Compare November 27, 2024 10:49
@lionelB lionelB force-pushed the pix-15284/navbar-responsive-on-mobile branch 7 times, most recently from 1e0600b to c25a6c7 Compare November 27, 2024 14:21
@lionelB lionelB force-pushed the pix-15284/navbar-responsive-on-mobile branch from c25a6c7 to dc3d2a1 Compare November 27, 2024 18:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants