Cursor : Pointer on clickable elements in sidebar

WHAT DO YOU RECOMMEND

Change default mouse icon to “Pointer” when hovering the mouse on clickable stuff in the sidebar (toggles, links, options…)

HOW COULD IT BE DONE

A CSS tweak in the styles of the concerned component(s)

REAL WORLD USE CASES

It helps to know if we are inside the boundaries of a clickable element or not. Improving readability and therefore accessibility. It feels right :smiling_face:

RECOMMENDED ALTERNATIVES

Doesn’t apply

ADDITIONAL CONTEXT

+1. This has been bothering me for a while

And why not do the same for button (on collection/set, on “action” bar at the bottom,…)

Hey everyone,
We used to use this a while back. However, we decided to stop using pointers on all clickable elements as a bit outdated approach. In modern applications, almost all elements are interactive. Besides, people are used to being able to click everywhere.
So now we use arrows for clickable elements and grabbers for draggable elements.

2 Likes

I’ll have to trust your expertise on that one, as I’m not a software dev, I still see a majority of pointers behaviour on the majority of apps I’m using, including Notion. And getting the default pointer everywhere still feels weird, but I’m glad to see this was a conscious decision from your part and not just a missing thing.
Thank you for updating us here :wink:

1 Like

Notion’s app is just a web view, so they have that hover everywhere. All in all, it’s mostly a web (rather than application) approach.

As always, we’re listening and ready to change our mind. We’ll see how it goes. If we get more feedback on it, we’ll be back to reconsider it.

2 Likes