Page MenuHomePhabricator

Create visalization for cursors
Closed, ResolvedPublic

Description

Make hoverable elements where different cursors are applied

or

https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

Event Timeline

thanks for this, @Pablo-WMDE. Love the demo! Is there a reason why the token names are styled as URLs 👀?

Is there a reason why the token names are styled as URLs 👀?

We are trying (not organized, more in the evolutionary sense) different approaches of making this more usable. Linkability is one thing I think makes sense (see how the anchor in the URL changes if you click them). Shout if you think this makes it impossible for you to use it.

I didn't notice the URL changing right away, but it makes total sense 😅 Linking is extremely useful and I like the evolutionary approach. I had in mind suggesting adding an <a href="#anchorurl">#</a> symbol after a given token on hover (basically like in the OOUI demo page) if Storybook allows, of course. This could be a more evolved specimen.

Anchor links do not work on Chrome in any of the pages: the URL is not updated on click.

Anchor links do not work on Chrome in any of the pages: the URL is not updated on click.

FTR In the grand scheme of things this is interesting but the least of our problems. This is behavior which more or less comes out of the box. If there is a feature request/request for change, let's create a ticket clearly stating the goal, discuss & prioritize this - instead of polishing details of something where it's not even clear what it's supposed to do (different people may have totally different perceptions because it was never really discussed).

The thing is that I don't see any behaviour at all 🤷🏼‍♀️ Agree on creating a ticket if this is something we want since, yes, it hasn't been discussed.

Addition: the font size of the text in the duration value column (<pre>) should be 14px.

The thing is that I don't see any behaviour at all

Hacked something. Should now have more behavior than none. https://wmde.github.io/wikit/

Oh wow!! Working great now! Thanks for the hack, Pablo :D

I didn't notice the URL changing

Working great now!

I assume this is fixed.

the font size of the text in the duration value column (<pre>) should be 14px.

@Sarai-WMDE Is it valid to assume this is true for all token values on all pages? (everything else would be very surprising)

@Sarai-WMDE Is it valid to assume this is true for all token values on all pages? (everything else would be very surprising)

Yes, it is true for all token values in all pages. (I added this comment to the respective tickets whenever I caught the inconsistency)