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

#3900 - Small screen responsiveness: Top Menu Nav Hamburger #4272

Merged

Conversation

sh16011993
Copy link
Collaborator

@sh16011993 sh16011993 commented Jan 21, 2025

As a part of this PR, the following have been completed:

  1. Added a hamburger menu to allow for the top bar navigation when the screen size is reduced.
  2. The modal dialogs throughout the application have been updated to use the useDisplay composable.

Video representing the demo for the navigation drawer and the menu:

2025-01-22.14-35-24.mp4

Video representing the demo for the modal dialogs:

2025-01-22.14-41-28.mp4

@sh16011993 sh16011993 added Student Student Features Web portal labels Jan 21, 2025
@sh16011993 sh16011993 self-assigned this Jan 21, 2025
@guru-aot guru-aot self-requested a review January 21, 2025 17:55
@@ -9,7 +9,7 @@
class="navigation-btn float-left"
>
<v-btn
v-if="hasAuthenticatedStudentAccount"
v-show="hasAuthenticatedStudentAccount && showExpandedMenu"
Copy link
Collaborator

Choose a reason for hiding this comment

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

can we have a computed value "hasAuthenticatedStudentAccount && showExpandedMenu"?

Copy link
Collaborator Author

@sh16011993 sh16011993 Jan 21, 2025

Choose a reason for hiding this comment

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

Can you please suggest a suitable constant name.

Copy link
Collaborator

Choose a reason for hiding this comment

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

isStudentMenuVisible something like this

Copy link
Collaborator

Choose a reason for hiding this comment

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

Please check the display helpers as well if we can achieve the same by CSS class. https://vuetifyjs.com/en/styles/display/

@dheepak-aot dheepak-aot self-requested a review January 21, 2025 21:18
- Changed the menu dropdown to have the navigation drawer for small screen devices
- Changed the dialog modals to use the useDisplay composable provided by Vuetify
Copy link

Backend Unit Tests Coverage Report

Totals Coverage
Statements: 22.52% ( 3864 / 17159 )
Methods: 10.32% ( 224 / 2170 )
Lines: 25.93% ( 3336 / 12866 )
Branches: 14.32% ( 304 / 2123 )

Copy link
Collaborator

@dheepak-aot dheepak-aot left a comment

Choose a reason for hiding this comment

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

Thanks for doing the changes @sh16011993. Looks good. 👍

Copy link

E2E Workflow Workers Coverage Report

Totals Coverage
Statements: 65.59% ( 589 / 898 )
Methods: 59.63% ( 65 / 109 )
Lines: 68.72% ( 468 / 681 )
Branches: 51.85% ( 56 / 108 )

Copy link

E2E Queue Consumers Coverage Report

Totals Coverage
Statements: 86.14% ( 1249 / 1450 )
Methods: 82.42% ( 136 / 165 )
Lines: 88.51% ( 1032 / 1166 )
Branches: 68.07% ( 81 / 119 )

Copy link

E2E SIMS API Coverage Report

Totals Coverage
Statements: 68.11% ( 6019 / 8837 )
Methods: 65.84% ( 742 / 1127 )
Lines: 71.94% ( 4712 / 6550 )
Branches: 48.71% ( 565 / 1160 )

Copy link
Collaborator

@guru-aot guru-aot left a comment

Choose a reason for hiding this comment

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

LGTM nice work @sh16011993

@sh16011993 sh16011993 added this pull request to the merge queue Jan 23, 2025
Merged via the queue into main with commit 6cdc2f8 Jan 23, 2025
21 checks passed
@sh16011993 sh16011993 deleted the 3900_small_screen_responsiveness_top_menu_nav_hamburger branch January 23, 2025 18:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Student Student Features Web portal
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants