-
-
Notifications
You must be signed in to change notification settings - Fork 183
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
Hooli-style Popup #38
Conversation
Great job! Nice formatting, which is pretty easy to read, that's cool. The menu is also looking good Seems there is still some room for UI and accessibility improvements.
Don't hesitate to ask if something is not clear ;) |
I removed the container around the menu icons and the need for centering and extra stroke disappeared. Thanks to this, hover and focus are applied to the icons themselves. Added transparent borders to elements so they don't jump when focusing on them. The "more" button was removed from the grid and the display block was used - it became the entire width of the popup. I put the second part of the pop-up in a separate container. Added a border between the initial content and additional content. Slightly reworked the indents.
I made the necessary changes to my files. please check) |
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.
Good work!
See my comments below.
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.
Great job! Last steps left
I have added an unordered list. Removed all alt values. Made an shorthand background. Rounded the values of the alpha channel in rgba. Changed the name of the color to rgb module. Replaced pixel values with relative ones. Fixed number of display properties in popup-items. Made the page responsive.
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.
Looks good to me.
@kasionio what's your input about it?
@A-Ostrovnyy, agree. @natalia-artsiukh, congrats 🎉 |
Hooli-style Popup
Demo |
Code base
The code is submitted in a dedicated feature branch.
Only code files are submitted.
Please, review.