fix: reduce the chance of blurry text

ofer1992 · Dec 28, 2022 · 921418d · 921418d
1 parent 376d97f
commit 921418d
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx b/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx
@@ -439,6 +439,17 @@ export class LogseqPortalShape extends TLBoxShape<LogseqPortalShapeProps> {
 
     const { Breadcrumb, PageName } = renderers
 
+    const portalStyle : React.CSSProperties = {
+        width: `calc(100% / ${scaleRatio})`,
+        height: `calc(100% / ${scaleRatio})`,
+        opacity: isErasing ? 0.2 : 1,
+    }
+
+    // Reduce the chance of blurry text
+    if (scaleRatio !== 1) {
+      portalStyle.transform = `scale(${scaleRatio})`
+    }
+
     return (
       <HTMLContainer
         style={{
@@ -478,12 +489,7 @@ export class LogseqPortalShape extends TLBoxShape<LogseqPortalShapeProps> {
                 data-page-id={pageId}
                 data-portal-selected={portalSelected}
                 data-editing={isEditing}
-                style={{
-                  width: `calc(100% / ${scaleRatio})`,
-                  height: `calc(100% / ${scaleRatio})`,
-                  transform: `scale(${scaleRatio})`,
-                  opacity: isErasing ? 0.2 : 1,
-                }}
+                style={portalStyle}
               >
                 {!this.props.compact && !targetNotFound && (
                   <LogseqPortalShapeHeader