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

Toggle menu #9

Merged
merged 5 commits into from
Jul 26, 2022
Merged

Toggle menu #9

merged 5 commits into from
Jul 26, 2022

Conversation

kusiLaw
Copy link
Owner

@kusiLaw kusiLaw commented Jul 26, 2022

This pull request adds a toggle menu to the portfolio mobile version with the following functionality

  • When the user clicks button, the mobile menu appears.
  • When the user clicks the close (X) button, the mobile menu disappears.
  • When the user clicks or taps any of the mobile menu options, the mobile menu disappears.
  • When the user clicks or taps any of the mobile menu options, a correct part of the page is displayed.

Copy link

@mukhammadrizooff mukhammadrizooff left a comment

Choose a reason for hiding this comment

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

Hi @kusiLaw ,

Your project is complete! There is nothing else to say other than... it's time to merge it :shipit:
Congratulations! 🎉

Highlights

  • No linter errors ✔️
  • Menu working fine ✔️
  • Used project requirements well ✔️

Optional suggestions

Every comment with the [OPTIONAL] prefix won't stop the approval of this PR. However, I strongly recommend you to take them into account as they can make your code better. Some of them were simply missed by the previous reviewer and addressing them will really improve your application.

Cheers and Happy coding!👏👏👏

Feel free to leave any questions or comments in the PR thread if something is not 100% clear.
Please, remember to tag me in your question so I can receive the notification.


As described in the Code reviews limits policy you have a limited number of reviews per project (check the exact number in your Dashboard). If you think that the code review was not fair, you can request a second opinion using this form.

Comment on lines +18 to +22
const toggleBtnContainer = createMyElement('div', 'close-button-container');
const toggleBtn = createMyElement('img', 'img-close');
toggleBtn.setAttribute('src', './../images/x.svg');
toggleBtnContainer.appendChild(toggleBtn);
container.appendChild(toggleBtnContainer);

Choose a reason for hiding this comment

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

  • [OPTIONAL] Good job so far! Please fix the error of X icon in the picture because it is not showing for me maybe it is my mistake.
  • Please, if you have this icon, leave a screenshot of the menu X icon under this suggestion.

image

Copy link
Owner Author

Choose a reason for hiding this comment

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

Thank you very much Muhammad Rizo.
You are right. It works fine here on my laptop and phone, but I think for it to work generally, I should count the path from the root, instead of the js folder. Now fixed. thank you

@kusiLaw kusiLaw merged commit 4481093 into main Jul 26, 2022
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