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

Hamburger menu UI mobile #181

Open
wants to merge 12 commits into
base: workflow
Choose a base branch
from

Conversation

renahashimi
Copy link
Contributor

Pull Request Summary for #156

  • Toggle Functionality for Menus: Updated toggleHamburgerMenu to manage the visibility of the hamburger navigation and file menus.
  • Button Hover Effects: Enhanced button interactions with smooth transitions and increased font size for active buttons.
  • Mobile Navigation Improvements: Updated styles for a more streamlined and user-friendly design.
  • Updated index.html: Fixed errors and ensured proper closing tags (note: further cleanup may be needed).
  • Update vite.config.js: Although this was not part of the task, I edited it to avoid errors during commit by removing unnecessary error text from the configuration file to improve clarity and maintainability.

- Implemented the `toggleHamburgerMenu` function to handle toggling the hamburger navigation and file menu visibility.
- The hamburger button now toggles the visibility of the navigation menu.
- The file button toggles the visibility of the file menu and adds/removes an active state.
- Added logic to close the menus when clicking outside them.
- Added smooth transitions and hover scaling for buttons.
- Increased font size for active buttons with `.active` class.
- Updated styles for a more streamlined and user-friendly design.
- To commit this, I had to remove som errors  and add closing </div> - // prettier
- Error text in file - from workflow - removed and commited.
Copy link

netlify bot commented Oct 3, 2024

Deploy Preview for yeetsheet ready!

Name Link
🔨 Latest commit 7630040
🔍 Latest deploy log https://app.netlify.com/sites/yeetsheet/deploys/66ff0e2cb05c5000084a6e24
😎 Deploy Preview https://deploy-preview-181--yeetsheet.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

- Added the background color to zoom
- Updated minor elements to prevent any disruption to the md-size.
Copy link
Contributor

@jonhenrikaavitsland jonhenrikaavitsland left a comment

Choose a reason for hiding this comment

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

@renahashimi I need you to resolve the merge conflicts. Please request a new review when it has been done.

- Changed ID of the mobile navigation div to "mobileNav" // new workflow index.html.
- Updated JavaScript to streamline event handling for the hamburger menu and file menu.
Copy link
Contributor

@jonhenrikaavitsland jonhenrikaavitsland left a comment

Choose a reason for hiding this comment

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

@RamonaXR Can you please fix the conflicts and request my review after

@RamonaXR RamonaXR self-assigned this Oct 7, 2024
@jonhenrikaavitsland
Copy link
Contributor

@sulenchy The Dev has issues trying to fix the merge conflicts, I was trying to assist but we was never able to solve the conflicts properly. If it is possible with some assistance on this, we would appreciate it.

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.

3 participants