use noflip & remove comments

microsoft · Jun 18, 2020 · bfb1932 · bfb1932
1 parent c0df2e6
commit bfb1932
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/packages/fluentui/react-northstar/src/themes/teams/components/SvgIcon/svgIconStyles.ts b/packages/fluentui/react-northstar/src/themes/teams/components/SvgIcon/svgIconStyles.ts
@@ -96,11 +96,11 @@ const svgIconStyles: ComponentSlotStylesPrepared<SvgIconStylesProps, SvgIconVari
         fill: v.disabledColor,
       }),
 
-      transform: `rotate(${rotate}deg)`,
-      // Use for Emotion:
-      // ...(rtl && {
-      //   transform: `rotate(${-1 * rotate}deg)`,
-      // }),
+      // Manual flipping to make it compatible with Emotion and Fela in the same time
+      transform: `rotate(${rotate}deg) /* @noflip */`,
+      ...(rtl && {
+        transform: `rotate(${-1 * rotate}deg) /* @noflip */`,
+      }),
     };
   },
 
@@ -109,9 +109,7 @@ const svgIconStyles: ComponentSlotStylesPrepared<SvgIconStylesProps, SvgIconVari
     return {
       ...callable(svgIconStyles.svg)(config),
       ...(rtl && {
-        // Use for Emotion:
-        // transform: `scaleX(-1) rotate(${props.rotate}deg)`,
-        transform: `scaleX(-1) rotate(${-1 * props.rotate}deg)`,
+        transform: `scaleX(-1) rotate(${props.rotate}deg) /* @noflip */`,
       }),
     };
   },