Very nicely done Don! I tried this out with Topic List Thumbnails and it mostly works out of the box. Push and Blur work as expected, but Slider shows at the top of all the thumbnails rather than following the thumbnail, and background does nothing (which makes sense). Any chance you would give this a little more love? I’d love to have the slider on desktop, or some other brilliant idea I’m sure you’ll come up with!
Thank you Don! I gave it a try and it is working, but the color of the slider isn’t correct, or maybe it’s a z-index issue? The slider in this video should be the gold color but it’s grey. I believe it should be tertiary? I’m testing this with no other CSS just so you know. It was displaying the gold color before the update, that’s why I’m thinking z-index
Thanks Don, all is well now, I must have updated too quickly
One suggestion; have an option to turn this off for non-touch altogether. Now that I’ve tried the slider I’m not sure that I like it since it gets rid of the default slider and is making the ux not consistent.
@Don - It seems that the setting for the background color for the hovering effect takes effect only after clicking or tapping on the row/item, and not on conventional prior hovering (as in the Clickable Topic Theme Component).
The component is only makes clickable the topic list item full row yet. So the latest topic list item works as default now. This is why the cursor pointer only appears on topic list item non-touch devices.
The component handle the non-touch and touch devices separately. The background is activate when hovering, on non-touch devices and touch devices after tapping it. But I think it should need some update because the hover won’t work for example on touch screen laptops which might has cursor. I think we can activate it globally on desktop view and pointer too.