Skip to content
Submitted about 1 year ago

Browser Extension Solution

react, motion
P
LVL 5
Justin Green2,980
@jgreen721
A solution to the Browser extension manager UI challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

Adding custom shadows to all the elements as well as hover states in effort to just make the entire UI a bit crisper. Also added a confirm/cancel modal before user entirely rm -rfs a beloved extension. lol.

I don't love the magic number I eventually plugged in to the extensions parents to keep the overflow functional but also keep the canceling modal from odd behavior (stretching entire height and making user than have to scroll to even find the centered modal. The modal was last second idea and I probably could have paved the workflow better had it been intended from the start.

What challenges did you encounter, and how did you overcome them?

Previously stated issue, especially when adding any shadows/effects to an element that overflow can ugly it pretty quick if it was properly setup so, a little dancing around that wasn't the most ideal.

What specific areas of your project would you like help with?

Nothing comes to mind but feedback and suggestions are always welcomed! 🙂

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Justin Green’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord