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

Adjustments to the mobile menu #356

Open
wants to merge 2 commits into
base: develop
Choose a base branch
from

Conversation

alexanmx
Copy link

adjustment to menu semantics and visual adjustments to the mobile menu

@alexanmx alexanmx requested a review from bruvellu as a code owner January 27, 2025 22:42
@bruvellu bruvellu added the improvement Issues with improvements for existing features label Jan 28, 2025
@bruvellu bruvellu self-assigned this Jan 28, 2025
padding: 1rem .5rem .5rem .5rem;
border-bottom: 2px solid #ffffff;
font-size: 1rem;
}
Copy link
Owner

Choose a reason for hiding this comment

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

Add border-radius: 0.5rem 0.5rem 0rem 0rem; to make the outer edges round

Copy link
Author

Choose a reason for hiding this comment

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

ok, executed.

position: fixed;
z-index: 10;
top: -110%;
right: 2.3rem;
right: 2rem;
transition: top .3s;
}

Copy link
Owner

@bruvellu bruvellu Jan 28, 2025

Choose a reason for hiding this comment

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

Change the top value from #hamburger-menu[data-state="open"] (the rule below, not shown above) to 0.5rem to put the menu a bit lower (like it is floating)

Copy link
Author

Choose a reason for hiding this comment

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

ok, executed.

@@ -153,7 +157,8 @@
flex-direction: column;
align-items: flex-start;
gap: .5rem;
padding: 1.2rem .5rem .25rem .5rem;
padding: .5rem .5rem 1rem .5rem;
font-size: 1rem;
}
Copy link
Owner

Choose a reason for hiding this comment

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

Add a border-radius: 0.5rem; to make the edges of the bluer list round as well

Copy link
Author

Choose a reason for hiding this comment

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

ok, executed.

Copy link
Owner

@bruvellu bruvellu left a comment

Choose a reason for hiding this comment

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

Very nice improvements to the hamburger menu. I've suggested a couple of additions to make the outer edges also round so that it looks like the version on the right below:

2025-01-28 21 37 21 localhost bc11f7995771 mobile-menu-adjustments

@bruvellu bruvellu changed the title adjustment in the menu Adjustments to the mobile menu Jan 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
improvement Issues with improvements for existing features
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants