WordPress/wporg-showcase-2022

Post/website thumbnail hover state

Closed this issue · 3 comments

When a user hovers on the website/post thumbnail, the hover state should activate the link below as well. Underline it and blueberry. Same as if you were to only hover a link itself.

screenshot for reference
Screen Shot 2023-09-27 at 22 59 03

Or is there a rationale that makes this a bad approach?

CC: @jasmussen

ryelle commented

They are two separate elements (blocks), screenshot and post title. They're also in separate containers, technically, so that the title + tags (soon to be categories) can be in a row below the title.

I thought about trying sibling selectors, but i think since they're separated by a few divs, that wouldn't work either.

I understand the motivation: it's the same link, why have two destinations? But to Kelly's point, this is non-trivial to implement. You could potentially explore a li:hover, but I think that might be misleading too. I personally think it's okay as-is.

In that case, let's close this one. Thanks for the clarification. I'll close it shortly.