DEV Community

loading...

Discussion on: new header, who dis

Collapse
loujaybee profile image
Lou — Cloud Engineer

The contact area for opening the header is reallly small. You've got a few pixels to scroll through, and it collapses if you hover over the bell icon. Is there any way to make the contact area bigger so you have more space for the cursor to reach it? I'm finding myself having to try multiple times to open it 😞

Image of Header

Collapse
pp profile image
Paweł Ludwiczak Author

Yea, I'll take a look if we can improve it a little. In the meantime you can also click on the avatar which should make the dropdown visible too until you click somewhere else. It's not a fix of course but maybe it will help you a lttle.

Collapse
loujaybee profile image
Lou — Cloud Engineer • Edited

Thanks for the quick response Pawel! Ahhhh! I literally didn't even think to click it.

That's useful — just thought I'd give you a heads up and some feedback from a user perspective. Really good job though, it looks slick and good luck with the refactoring!

Collapse
loujaybee profile image
Lou — Cloud Engineer • Edited

Another option would be to debounce the scroll off event to give you a second's grace.

  • If scroll off header
  • Wait 1s
  • Still Off header? —> Close Header
  • Not Off header? —> Leave Open