Fix TextLayer and AnnotationLayer rotation

wojtekmaj · Mar 31, 2023 · 5b4b596 · 5b4b596
1 parent ce1f3ac
commit 5b4b596
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/Page/AnnotationLayer.css b/src/Page/AnnotationLayer.css
@@ -39,6 +39,16 @@
   }
 }
 
+[data-main-rotation='90'] {
+  transform: rotate(90deg) translateY(-100%);
+}
+[data-main-rotation='180'] {
+  transform: rotate(180deg) translate(-100%, -100%);
+}
+[data-main-rotation='270'] {
+  transform: rotate(270deg) translateX(-100%);
+}
+
 .annotationLayer {
   position: absolute;
   top: 0;

diff --git a/src/Page/TextLayer.css b/src/Page/TextLayer.css
@@ -26,6 +26,16 @@
   }
 }
 
+[data-main-rotation='90'] {
+  transform: rotate(90deg) translateY(-100%);
+}
+[data-main-rotation='180'] {
+  transform: rotate(180deg) translate(-100%, -100%);
+}
+[data-main-rotation='270'] {
+  transform: rotate(270deg) translateX(-100%);
+}
+
 .textLayer {
   position: absolute;
   text-align: initial;