-
Notifications
You must be signed in to change notification settings - Fork 114
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
Side nav style tweaks #170
Conversation
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.
Because these sections can be expanded/collapsed, would it be nice have an animation between the 2 states? If so, we can add an animation that rotates the chevron into the down position. Thoughts?
yes! that would be much smoother |
@@ -27,6 +27,11 @@ | |||
align-items: center; | |||
justify-content: space-between; | |||
text-decoration: none; | |||
transition: 0.1s; | |||
|
|||
&:hover { |
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.
Could we maybe add something like this to prevent the hover state for the current page? Super nitpicky, but I think it we should try to communicate that clicking on the current page wont do anything of use.
&:hover { | |
&:not(.isCurrentPage):hover { |
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.
ah good idea, i'll make some minor tweaks in a new PR so we can get this in 🎉
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.
This looks SO GOOD. Thank you for doing this, it really helps!
🎉 This PR is included in version 1.0.0 🎉 The release is available on GitHub release Your semantic-release bot 📦🚀 |
Description
This PR is for minor style/functionality tweaks in the side nav
pending completion:
Related Issue(s) / Ticket(s)
Screenshot(s)