-
Notifications
You must be signed in to change notification settings - Fork 14
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
#3900 - Small screen responsiveness: Top Menu Nav Hamburger #4272
Conversation
@@ -9,7 +9,7 @@ | |||
class="navigation-btn float-left" | |||
> | |||
<v-btn | |||
v-if="hasAuthenticatedStudentAccount" | |||
v-show="hasAuthenticatedStudentAccount && showExpandedMenu" |
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.
can we have a computed value "hasAuthenticatedStudentAccount && showExpandedMenu"?
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.
Can you please suggest a suitable constant name.
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.
isStudentMenuVisible something like this
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.
Please check the display helpers as well if we can achieve the same by CSS class. https://vuetifyjs.com/en/styles/display/
- 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
Quality Gate passedIssues Measures |
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.
Thanks for doing the changes @sh16011993. Looks good. 👍
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.
LGTM nice work @sh16011993
As a part of this PR, the following have been completed:
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