Merge pull request #79 from AndrewLunko/patch-1

Allowing disableCSSAnimation option to disable pseudo elements animation
wswebcreation · Mar 6, 2021 · 142de62 · 142de62
2 parents 980a7d4 + 228bfc1
commit 142de62
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/lib/clientSideScripts/__snapshots__/setCustomCss.spec.ts.snap b/lib/clientSideScripts/__snapshots__/setCustomCss.spec.ts.snap
@@ -4,7 +4,7 @@ exports[`setCustomCss should be able to set the custom css with the animations d
 
 exports[`setCustomCss should be able to set the custom css with the animations disabled 2`] = `
 "body{padding-top:6px !important}body{padding-bottom:6px !important}
-* {
+*, *::before, *::after {
     -o-transition-property: none !important;
     -moz-transition-property: none !important;
     -ms-transition-property: none !important;
@@ -24,7 +24,7 @@ exports[`setCustomCss should be able to set the custom css with the default opti
 
 exports[`setCustomCss should be able to set the custom css with the with padding set to 0 1`] = `
 "body{padding-top:6px !important}body{padding-bottom:6px !important}
-* {
+*, *::before, *::after {
     -o-transition-property: none !important;
     -moz-transition-property: none !important;
     -ms-transition-property: none !important;
@@ -40,7 +40,7 @@ exports[`setCustomCss should be able to set the custom css with the with padding
 
 exports[`setCustomCss should be able to set the custom css with the with padding set to 0 2`] = `
 "body{padding-top:6px !important}body{padding-bottom:6px !important}
-* {
+*, *::before, *::after {
     -o-transition-property: none !important;
     -moz-transition-property: none !important;
     -ms-transition-property: none !important;
@@ -52,7 +52,7 @@ exports[`setCustomCss should be able to set the custom css with the with padding
     -ms-animation: none !important;
     animation: none !important;
 }body{padding-top:6px !important}body{padding-bottom:6px !important}
-* {
+*, *::before, *::after {
     -o-transition-property: none !important;
     -moz-transition-property: none !important;
     -ms-transition-property: none !important;

diff --git a/lib/clientSideScripts/setCustomCss.ts b/lib/clientSideScripts/setCustomCss.ts
@@ -7,9 +7,9 @@ export default function setCustomCss(cssOptions: CssOptions): void {
     if (document.head == null) {
         return;
     }
-
+    // disabling CSS animations for everything including pseudo elements
     const disableTransformationsTransitionsAnimations = `
-* {
+*, *::before, *::after {
     -o-transition-property: none !important;
     -moz-transition-property: none !important;
     -ms-transition-property: none !important;