"Coose Your SDK" card items have cursor style inconsistencies

[Lms24]

Steps to Reproduce

1. Go to landing page
2. Hover over "Choose your SDK" link cards

Expected Result

The cursor becomes a pointer on the entire card

Actual Result

The cursor style is inconsistent (see screenshot):

• Items with sub items/guides (e.g. JavaScript): Cursor only becomes pointer when hovering over text or arrow
• Items without sub items/guides (e.g. Kotlin): Cursor becomes pointer over the entire card

Additional Info

[a-hariti]

This was intentional, the rationale behind it is that platforms with nothing to expand take you directly to the page,
others link there when clicking the text, and expand elsewhere

Do you think it would be better to have all links limited to visible text @Lms24 ?

[Lms24]

I see, I kinda suspected something like this. I dont wanna dwell on this too much but to me it seems weird that there's so much dead space where a click doesn't do anything. If we can somehow solve that I think it'd be great but it doesn't necessarily have to be identical to the simple links

[a-hariti]

The cursor style gives a hint (the hand) when you're about to click on a link, that was the compromise I came up.

The alternative was to not have links on expandable headers and nest the platform link along with its guides, which looks weird

Javascript
  Javascript
  [other guides]

[Lms24]

random idea (please keep in mind, I'm no UI/UX expert); What if we really split the card?

Red: Link to base guide
Green: Open dropdown

wdyt?

[adinauer]

Hey, It took me a while to figure out this behaviour of opening the generic "Java" docs via the text.
Maybe we could simply add the generic link to the list instead and open the dropdown regardless of where you click?

Edit: Ah that's what you suggested above @a-hariti in #9990 (comment)

I think that'd be easier to understand.

[a-hariti]

what about adding an arrow next the platform name to make it obvious that its a link, and add a tooltip to the rest of the card?
@Lms24

[mydea]

related to this, imho the arrows here are "wrong" - I would expect, when collapsed, that the arrow is v (down), and when expanded, it is ^? does that make sense?

[a-hariti]

currently it kinda mirrors the standard <details> element @mydea

[mydea]

currently it kinda mirrors the standard <details> element @mydea

Hmm, I see, there it is in front of the text though 🤔 no super strong feeling but overall it feels not 100% right to me (subjectively)

[a-hariti]

I meant in terms of caret direction @mydea

[a-hariti]

wyt @stephanie-anderson ?