-
Notifications
You must be signed in to change notification settings - Fork 6
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
base: develop
Are you sure you want to change the base?
Conversation
padding: 1rem .5rem .5rem .5rem; | ||
border-bottom: 2px solid #ffffff; | ||
font-size: 1rem; | ||
} |
There was a problem hiding this comment.
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
There was a problem hiding this comment.
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; | ||
} | ||
|
There was a problem hiding this comment.
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)
There was a problem hiding this comment.
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; | |||
} |
There was a problem hiding this comment.
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
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ok, executed.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
adjustment to menu semantics and visual adjustments to the mobile menu