leather-io / extension

Leather browser extension
https://leather.io
MIT License
294 stars 140 forks source link

Three dots menu in top right corner of extension goes unrecognized by users #3970

Open 314159265359879 opened 1 year ago

314159265359879 commented 1 year ago

Sometimes users do not realize that the top right menu (three dots) is a menu button in the Extension. Have you also considered the "hamburger" icon here? I am not sure if it would help but could be more recognizable perhaps? image

mica000 commented 1 year ago

Thanks for letting us know! Usually the "hamburger" icon is used as menu, so in our case it would need to be another icon for settings. Or we would need to make an actual menu instead of the drawer.

I was exploring with this icon: https://www.figma.com/file/Li7qK8ZIG9c5dKSNOPO4iCtv/%E2%9D%96-Design-System?type=design&node-id=4655-30434&mode=design&t=4kuTi8HZpwRcCreK-4 [Figma](https://www.figma.com/)

Here is the header component, ready for implementation: https://www.figma.com/file/Li7qK8ZIG9c5dKSNOPO4iCtv/%E2%9D%96-Design-System?type=design&node-id=4388-12585&mode=design&t=4kuTi8HZpwRcCreK-4

Icon can be exported from figma