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

improved mobile navbar/sidebar #574

Merged
merged 5 commits into from
Nov 9, 2021
Merged

improved mobile navbar/sidebar #574

merged 5 commits into from
Nov 9, 2021

Conversation

sweetppro
Copy link
Contributor

Sidebar is hidden and all menu items moved to hamburger menu on mobile devices

desktop

mobile

Sidebar is hidden and all menu items moved to hamburger menu on mobile devices
@knadh
Copy link
Owner

knadh commented Nov 9, 2021

Yay, this is cool! Will test locally and merge soon.

-removed redundant code
-fixed an issue with emitting data to App.vue
@knadh
Copy link
Owner

knadh commented Nov 9, 2021

Checked this out locally and it works fine.

eslint throws a bunch of linting errors though. Could you please retain the indentation of the original <b-menu-list> from App.vue in the new Navigation.vue? They seem to have lost indentation and have become long lines. The AirBnb eslint config on the project limits line length to 120.

fixed linting errors
@sweetppro
Copy link
Contributor Author

uggh...
my beautify plugin messes up all the formatting
It should be good now

- Fix indentation and line lengths.
- Simplify prop definitions in the Navigation component.
- Remove redundant computed methods and use prop variables directly in
  the Navigation compontent.
- Simplify menu rendering logic by:
  removing isSidebar, showLogout and using simpler v-if / else
  in the parent instead of the Navigation component.
@knadh
Copy link
Owner

knadh commented Nov 9, 2021

Added some minor improvements to to the PR. Once you review and confirm, this is good to be merged.

Copy link
Contributor Author

@sweetppro sweetppro left a comment

Choose a reason for hiding this comment

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

looks good to me

@knadh knadh added the enhancement New feature or request label Nov 9, 2021
removed orphaned isSideBar Boolean
@knadh knadh merged commit 7b9ba2e into knadh:master Nov 9, 2021
@sweetppro
Copy link
Contributor Author

yay!

@sweetppro sweetppro deleted the mobile-menu branch November 9, 2021 18:57
@sweetppro
Copy link
Contributor Author

@knadh the logout button is not working on desktop in this merge, but i've fixed it in this PR

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants