LPS-190149 c-prefers-reduced-motion class should remove transitions

rotty3000 · Jul 26, 2023 · f0ce643 · f0ce643
1 parent 026ff83
commit f0ce643
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 0 deletions.
diff --git a/...heme/frontend-theme-styled/src/main/resources/META-INF/resources/_styled/css/_extras.scss b/...heme/frontend-theme-styled/src/main/resources/META-INF/resources/_styled/css/_extras.scss
@@ -109,6 +109,10 @@
 	@media (prefers-reduced-motion: reduce) {
 		transition: none;
 	}
+
+	.c-prefers-reduced-motion & {
+		transition: none;
+	}
 }
 
 @keyframes highlight-animation {

diff --git a/...heme-styled/src/main/resources/META-INF/resources/_styled/css/application/_drag_drop.scss b/...heme-styled/src/main/resources/META-INF/resources/_styled/css/application/_drag_drop.scss
@@ -96,6 +96,10 @@ html#{$cadmin-selector} {
 		transition: none;
 	}
 
+	.c-prefers-reduced-motion & {
+		transition: none;
+	}
+
 	.portlet {
 		border: 2px dashed #ccc;
 	}

diff --git a/...tyled/src/main/resources/META-INF/resources/_styled/css/taglib/_empty_result_message.scss b/...tyled/src/main/resources/META-INF/resources/_styled/css/taglib/_empty_result_message.scss
@@ -31,6 +31,10 @@
 		@media (prefers-reduced-motion: reduce) {
 			background-image: url(@theme_image_path@/states/empty_state_reduced_motion.gif);
 		}
+
+		.c-prefers-reduced-motion & {
+			background-image: url(@theme_image_path@/states/empty_state_reduced_motion.gif);
+		}
 	}
 
 	.taglib-empty-search-result-message-header {
@@ -41,6 +45,10 @@
 		@media (prefers-reduced-motion: reduce) {
 			background-image: url(@theme_image_path@/states/search_state_reduced_motion.gif);
 		}
+
+		.c-prefers-reduced-motion & {
+			background-image: url(@theme_image_path@/states/search_state_reduced_motion.gif);
+		}
 	}
 
 	.taglib-empty-state {
@@ -52,6 +60,10 @@
 		@media (prefers-reduced-motion: reduce) {
 			background-image: url(@theme_image_path@/states/empty_state_reduced_motion.gif);
 		}
+
+		.c-prefers-reduced-motion & {
+			background-image: url(@theme_image_path@/states/empty_state_reduced_motion.gif);
+		}
 	}
 
 	.taglib-success-state {
@@ -63,6 +75,10 @@
 		@media (prefers-reduced-motion: reduce) {
 			background-image: url(@theme_image_path@/states/success_state_reduced_motion.gif);
 		}
+
+		.c-prefers-reduced-motion & {
+			background-image: url(@theme_image_path@/states/success_state_reduced_motion.gif);
+		}
 	}
 
 	.taglib-search-state {
@@ -74,6 +90,10 @@
 		@media (prefers-reduced-motion: reduce) {
 			background-image: url(@theme_image_path@/states/search_state_reduced_motion.gif);
 		}
+
+		.c-prefers-reduced-motion & {
+			background-image: url(@theme_image_path@/states/search_state_reduced_motion.gif);
+		}
 	}
 
 	.taglib-empty-result-message-title {