Skip to content

Conversation

@guyromellemagayano
Copy link
Contributor

@guyromellemagayano guyromellemagayano commented Nov 14, 2025

This pull request adds smooth scrolling capabilities and improves user experience with a scroll-to-top button that appears when the user scrolls down.

Key changes:

MainLayout.vue:

  • Add floating action button (FAB) for scrolling to top
  • Show/hide scroll-to-top button based on scroll position (appears after 150px)
  • Improve onScrollToTop function with better error handling and fallbacks
  • Refactor onGoToPanel to handle route navigation, panel scrolling, and external links
  • Add proper error handling for window.open to prevent browser extension errors
  • Scroll to top after route navigation for better UX

vue-smooth-scroll.js:

  • Wrap boot function properly using Quasar's boot wrapper
  • Provide smoothScroll function via Vue's provide/inject API
  • Add fallback to native smooth scroll if plugin method is unavailable
  • Improve code structure and documentation

This enhances navigation UX with smooth scrolling and provides easy access to return to the top of the page.

@guyromellemagayano guyromellemagayano force-pushed the feat/smooth-scroll branch 6 times, most recently from 0444d4f to b9aaba9 Compare November 15, 2025 06:11
…unctionality and add scroll-to-top button

Add smooth scroll functionality throughout the application and implement
a scroll-to-top button in the main layout.

Changes:
- Wrap vue-smooth-scroll boot file with Quasar boot wrapper
- Provide smoothScroll function via Vue's provide/inject API
- Add scroll-to-top button in MainLayout with show/hide logic
- Implement onScrollToTop function using smooth scroll
- Update onScroll function to control scroll-to-top button visibility

This improves user experience with smooth scrolling navigation and provides
easy access to return to the top of the page.
@guyromellemagayano guyromellemagayano changed the title feat(layout): Implement smooth scroll functionality and scroll-to-top button Implement smooth scroll functionality and scroll-to-top button in MainLayout Nov 16, 2025
@guyromellemagayano
Copy link
Contributor Author

@jofftiquez I just instead reverted the commit I had with .gitignore and just retain the rest of the commit changes here. Thanks.

@jofftiquez
Copy link
Member

@guyromellemagayano please resolve conflicts, thank you!

@jofftiquez jofftiquez closed this Nov 25, 2025
@guyromellemagayano guyromellemagayano deleted the feat/smooth-scroll branch November 25, 2025 18:47
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.

2 participants