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

💄(frontend) New UI hackathon #286

Draft
wants to merge 10 commits into
base: main
Choose a base branch
from
Draft

Conversation

AntoLC
Copy link
Collaborator

@AntoLC AntoLC commented Sep 24, 2024

Purpose

Integrate the new UI based from the Figma mockup.

Proposal

  • We remove the footer
  • Slim header
  • Slim doc header
  • Editor width about 800px (fit about A4)
  • Remove panel for table of content
  • Mobile responsive
  • tests

Demo

scrnli_9_26_2024_5-54-28.PM.webm

@AntoLC AntoLC self-assigned this Sep 24, 2024
@AntoLC AntoLC linked an issue Sep 24, 2024 that may be closed by this pull request
@AntoLC AntoLC force-pushed the refacto/new-ui-hackathon branch 3 times, most recently from 09487c6 to 18432c4 Compare September 25, 2024 15:27
@AntoLC AntoLC linked an issue Sep 25, 2024 that may be closed by this pull request
@securitykernel
Copy link
Collaborator

Looks awesome!

With the new ui, the footer and legal pages
are no longer needed.
This commit removes them.
useResponsiveStore is a hook store that provides
the current screen size and the current device type.
Update header ui to match the new design:
- Remove Marianne
- Smaller header
- Remove some borders
@AntoLC AntoLC force-pushed the refacto/new-ui-hackathon branch 2 times, most recently from 123c8af to 67b16e3 Compare September 27, 2024 07:33
Update doc header ui to match the new design:
- Remove tag about visibility
- Remove dates
- Remove owners
- Remove your roles
- Take less place
We have to adapt the table of content to the new ui.
It is now totally on the right side of the screen.
We slightly adapt the docs list to the new ui.
We adapt the header to be small mobile friendly.
We added a burger menu to display the dropdown
menu on small mobile.
Reduce the font size of the BlockNoteEditor
to make it mobile friendly when the screen is small.
@AntoLC AntoLC force-pushed the refacto/new-ui-hackathon branch 2 times, most recently from 951cdd4 to 5a09148 Compare September 27, 2024 08:53
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.

✨New ui 📱Mobile Responsive
2 participants