-
Notifications
You must be signed in to change notification settings - Fork 8
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
💄(frontend) updating the header and leftpanel for responsive #421
Conversation
5bfd34f
to
8b460a9
Compare
069b7b8
to
8268b26
Compare
9b33a1f
to
01ef324
Compare
1457933
to
d75d175
Compare
d75d175
to
4126d55
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The header should be fixed I guess:
scrnli_tPgfH2z7JWGLfl.webm
I find that 1024px is quite large to switch the header in "mobile" state, you still have plenty of place to display the elements, to see with Robin I guess.
src/frontend/apps/impress/src/features/header/components/Header.tsx
Outdated
Show resolved
Hide resolved
src/frontend/apps/impress/src/features/header/components/Header.tsx
Outdated
Show resolved
Hide resolved
src/frontend/apps/impress/src/features/header/components/Header.tsx
Outdated
Show resolved
Hide resolved
src/frontend/apps/impress/src/components/separators/HorizontalSeparator.tsx
Outdated
Show resolved
Hide resolved
src/frontend/apps/impress/src/features/left-panel/components/LeftPanel.tsx
Outdated
Show resolved
Hide resolved
src/frontend/apps/impress/src/features/left-panel/components/LeftPanel.tsx
Outdated
Show resolved
Hide resolved
src/frontend/apps/impress/src/features/left-panel/components/LeftPanel.tsx
Outdated
Show resolved
Hide resolved
src/frontend/apps/impress/src/features/left-panel/components/LeftPanel.tsx
Outdated
Show resolved
Hide resolved
0abeaf4
to
12906e6
Compare
5522232
to
4ddcbd7
Compare
Previously we added a left panel. We now need to adapt the layout so that it becomesresponsive. We therefore add a burger menu on the left on mobile which, when clicked, deploys the left-panel over all the content.
Deleted two components that were no longer needed following the implementation of the new interface. This cleanup helps streamline he codebase and avoid unnecessary maintenance.
4ddcbd7
to
9779b0a
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
✅ ^^
Purpose
Previously we added a left panel. We now need to adapt the layout so that it becomes responsive.
We therefore add a burger menu on the left on mobile which, when clicked, deploys the left-panel over all the content.
Enregistrement.de.l.ecran.2024-11-18.a.09.56.02.mov