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

Implement new UI to Configurations - general #1020

Conversation

ArturoManzoli
Copy link
Contributor

@ArturoManzoli ArturoManzoli commented Jun 20, 2024

Main features:

Main menu and configs submenu responsiveness with simplified versions for small screen devices;
New Modal and Expansible-panels Vue components;
Refactoring of General Configurations component to suits the new UI and fit on different screen sizes;
Main responsiveness logic (store and Tailwind) updated;

Information/help drawers added:
https://github.com/bluerobotics/cockpit/assets/14910201/42f0ea58-63fc-4c35-a8dc-b356134924bb

Regular size screens:
https://github.com/bluerobotics/cockpit/assets/14910201/c8c67845-fcf5-43a7-8d1f-d2e2477f4e4a

Very small screens:
https://github.com/bluerobotics/cockpit/assets/14910201/63df7c5b-4140-4fb6-99f5-6a55bec1110e

Closes #969

@rafaellehmkuhl
Copy link
Member

rafaellehmkuhl commented Jun 20, 2024

Nice!
Everything ready to review now :)

Edit: there's a small CI problem about an unused import to be solved.

Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
@ArturoManzoli ArturoManzoli force-pushed the 969-Implement-Configuration-General branch from 00c454a to d041017 Compare June 21, 2024 09:24
@ArturoManzoli ArturoManzoli marked this pull request as ready for review June 21, 2024 09:26
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
Copy link
Member

@rafaellehmkuhl rafaellehmkuhl left a comment

Choose a reason for hiding this comment

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

This new UI is simply beautiful!

There's a small bug preventing the closing of the sub-menus as well as the main-menu (the only way to do it right now seems to be by re-clicking the sub-menu button and them clicking the main-menu button), but I will open an issue for us to tackle that afterwards.

@rafaellehmkuhl rafaellehmkuhl merged commit aabdaed into bluerobotics:interface-rework Jun 21, 2024
8 checks passed
@ArturoManzoli ArturoManzoli deleted the 969-Implement-Configuration-General branch July 10, 2024 12:17
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.

None yet

2 participants