From cb5ce12fc695d4e5ee51dda65e6668ff4a2ddd5d Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Fri, 2 Sep 2022 21:39:17 +0800
Subject: [PATCH] fix: some style fixes

---
 .../tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx   | 2 +-
 tldraw/apps/tldraw-logseq/src/lib/shapes/TextShape.tsx   | 1 -
 .../apps/tldraw-logseq/src/lib/shapes/YouTubeShape.tsx   | 9 ++++-----
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx b/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx
index a7d623f4d3..2b868e380e 100644
--- a/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx
+++ b/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx
@@ -800,7 +800,7 @@ export class LogseqPortalShape extends TLBoxShape<LogseqPortalShapeProps> {
 
   ReactIndicator = observer(() => {
     const bounds = this.getBounds()
-    return <rect width={bounds.width} height={bounds.height} fill="transparent" stroke="none" />
+    return <rect width={bounds.width} height={bounds.height} fill="transparent" rx={8} ry={8} />
   })
 
   validateProps = (props: Partial<LogseqPortalShapeProps>) => {
diff --git a/tldraw/apps/tldraw-logseq/src/lib/shapes/TextShape.tsx b/tldraw/apps/tldraw-logseq/src/lib/shapes/TextShape.tsx
index b76e0572ed..b3316321c9 100644
--- a/tldraw/apps/tldraw-logseq/src/lib/shapes/TextShape.tsx
+++ b/tldraw/apps/tldraw-logseq/src/lib/shapes/TextShape.tsx
@@ -244,7 +244,6 @@ export class TextShape extends TLTextShape<TextShapeProps> {
         rx={borderRadius}
         ry={borderRadius}
         fill="transparent"
-        stroke="none"
       />
     )
   })
diff --git a/tldraw/apps/tldraw-logseq/src/lib/shapes/YouTubeShape.tsx b/tldraw/apps/tldraw-logseq/src/lib/shapes/YouTubeShape.tsx
index 7bb8b906ed..7db569cfc0 100644
--- a/tldraw/apps/tldraw-logseq/src/lib/shapes/YouTubeShape.tsx
+++ b/tldraw/apps/tldraw-logseq/src/lib/shapes/YouTubeShape.tsx
@@ -18,7 +18,7 @@ export class YouTubeShape extends TLBoxShape<YouTubeShapeProps> {
     type: 'youtube',
     parentId: 'page',
     point: [0, 0],
-    size: [600, 320],
+    size: [853, 480],
     url: '',
   }
 
@@ -56,7 +56,7 @@ export class YouTubeShape extends TLBoxShape<YouTubeShapeProps> {
         <div
           className="rounded-lg w-full h-full relative overflow-hidden shadow-xl"
           style={{
-            pointerEvents: isEditing || isSelected ? 'all' : 'none',
+            pointerEvents: isEditing ? 'all' : 'none',
             userSelect: 'none',
           }}
         >
@@ -64,9 +64,8 @@ export class YouTubeShape extends TLBoxShape<YouTubeShapeProps> {
             <div
               style={{
                 overflow: 'hidden',
-                paddingBottom: '56.25%',
                 position: 'relative',
-                height: 0,
+                height: '100%',
               }}
             >
               <iframe
@@ -120,7 +119,7 @@ export class YouTubeShape extends TLBoxShape<YouTubeShapeProps> {
         size: [w, h],
       },
     } = this
-    return <rect width={w} height={h} fill="transparent" stroke="none" />
+    return <rect width={w} height={h} fill="transparent" rx={8} ry={8} />
   })
 
   validateProps = (props: Partial<YouTubeShapeProps>) => {