Update css class name for improved consistency

Wikia · Mar 21, 2024 · 828b2ac · 828b2ac
1 parent 51ae785
commit 828b2ac
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/jwplayer/players/DesktopArticleVideoPlayer/DesktopArticleVideoPlayer.module.scss b/src/jwplayer/players/DesktopArticleVideoPlayer/DesktopArticleVideoPlayer.module.scss
@@ -23,9 +23,10 @@
 	position: fixed;
 	right: 18px;
 	bottom: 45px;
-	&--customized {
-		width: 300px;
-	}
+}
+
+.desktopArticleVideoWrapperScrollPlayerCustomized {
+	width: 300px;
 }
 
 .isWideVariant {

diff --git a/src/jwplayer/players/DesktopArticleVideoPlayer/DesktopArticleVideoPlayer.tsx b/src/jwplayer/players/DesktopArticleVideoPlayer/DesktopArticleVideoPlayer.tsx
@@ -87,7 +87,7 @@ export const DesktopArticleVideoPlayerContent: React.FC<DesktopArticleVideoPlaye
 						className={clsx({
 							[styles.desktopArticleVideoWrapper]: !isScrollPlayer,
 							[styles.desktopArticleVideoWrapperScrollPlayer]: isScrollPlayer,
-							[styles['desktopArticleVideoWrapperScrollPlayer--customized']]: isScrollPlayer && shouldCustomizeBehavior,
+							[styles.desktopArticleVideoWrapperScrollPlayerCustomized]: isScrollPlayer && shouldCustomizeBehavior,
 							[styles.isWideVariant]: shouldRenderWideOnScrollPlayer,
 						})}
 					>