Merge pull request #14444 from guardian/doml/carousel-hover

Don't underline headline when carousel image hovered

Author: domlander

dotcom-rendering/src/components/Card/components/CardWrapper.tsx

@@ -55,7 +55,11 @@ const hoverStyles = css`
 
 	/** We want to prevent the general hover styles applying when
 	    a click won't result in navigating to the main article */
-	:has(ul.sublinks:hover, .loop-video-container:hover) {
+	:has(
+			ul.sublinks:hover,
+			.loop-video-container:hover,
+			.slideshow-carousel:hover
+		) {
 		.card-headline .show-underline {
 			text-decoration: none;
 		}

dotcom-rendering/src/components/SlideshowCarousel.importable.tsx

@@ -192,7 +192,7 @@ export const SlideshowCarousel = ({
 	const slideshowImageCount = slideshowImages.length;
 
 	return (
-		<div>
+		<div className="slideshow-carousel">
 			<ul
 				ref={carouselRef}
 				css={carouselStyles}