dev(pkg::core): add a page class for css selector

Myriad-Dreamin · Sep 29, 2023 · b71a88f · b71a88f
1 parent af471a0
commit b71a88f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/typst.ts/examples/typst.ts.css b/packages/typst.ts/examples/typst.ts.css
@@ -8,6 +8,10 @@ body {
   margin: 0;
 }
 
+.typst-page.canvas {
+  margin: 0;
+}
+
 .text-layer {
   position: relative;
   left: 0;

diff --git a/packages/typst.ts/src/render/canvas/view.mts b/packages/typst.ts/src/render/canvas/view.mts
@@ -71,6 +71,8 @@ export class RenderView {
         annotationLayer.style.width = `${containerWidth}px`;
         annotationLayer.style.height = `${height * orignalScale}px`;
         annotationLayer.style.position = 'absolute';
+        commonDiv.classList.add('typst-page');
+        commonDiv.classList.add('canvas');
         commonDiv.style.width = `${containerWidth}px`;
         commonDiv.style.height = `${height * orignalScale}px`;
         commonDiv.style.position = 'relative';