From 1f40e9b960eafc37dddd8feaf4f3e09ec477afe9 Mon Sep 17 00:00:00 2001
From: Philip Okugbe <16838612+Philipinho@users.noreply.github.com>
Date: Wed, 12 Mar 2025 13:17:59 +0000
Subject: [PATCH] fix drag handle visibility (#868)

---
 apps/client/package.json                             |  2 +-
 apps/client/src/features/editor/full-editor.tsx      |  2 +-
 apps/client/src/features/editor/styles/core.css      | 12 ++++++++++++
 .../src/features/editor/styles/editor.module.css     |  4 ++--
 pnpm-lock.yaml                                       | 10 +++++-----
 5 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/apps/client/package.json b/apps/client/package.json
index 2a0ec761..5d626341 100644
--- a/apps/client/package.json
+++ b/apps/client/package.json
@@ -47,7 +47,7 @@
     "react-router-dom": "^7.0.1",
     "socket.io-client": "^4.8.1",
     "tippy.js": "^6.3.7",
-    "tiptap-extension-global-drag-handle": "^0.1.16",
+    "tiptap-extension-global-drag-handle": "^0.1.18",
     "zod": "^3.23.8"
   },
   "devDependencies": {
diff --git a/apps/client/src/features/editor/full-editor.tsx b/apps/client/src/features/editor/full-editor.tsx
index 3731e12c..dfdf5aa8 100644
--- a/apps/client/src/features/editor/full-editor.tsx
+++ b/apps/client/src/features/editor/full-editor.tsx
@@ -32,7 +32,7 @@ export function FullEditor({
   return (
     <Container
       fluid={fullPageWidth}
-      size={!fullPageWidth && 850}
+      size={!fullPageWidth && 900}
       className={classes.editor}
     >
       <MemoizedTitleEditor
diff --git a/apps/client/src/features/editor/styles/core.css b/apps/client/src/features/editor/styles/core.css
index 962a07ec..952e91fb 100644
--- a/apps/client/src/features/editor/styles/core.css
+++ b/apps/client/src/features/editor/styles/core.css
@@ -12,6 +12,18 @@
   font-weight: 400;
   width: 100%;
 
+  padding-left: 3rem;
+  padding-right: 3rem;
+
+  @media (max-width: $mantine-breakpoint-sm) {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  @media print {
+    padding: 0;
+  }
+
   > * + * {
     margin-top: 0.75em;
   }
diff --git a/apps/client/src/features/editor/styles/editor.module.css b/apps/client/src/features/editor/styles/editor.module.css
index e5e471c1..dfe7393f 100644
--- a/apps/client/src/features/editor/styles/editor.module.css
+++ b/apps/client/src/features/editor/styles/editor.module.css
@@ -1,7 +1,7 @@
 .editor {
     height: 100%;
-    padding: 8px 20px;
-    margin: 64px auto;
+    padding: 8px 0;
+    margin: 48px auto;
 
     @media print {
         padding: 0;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ca18181f..07bd4642 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -312,8 +312,8 @@ importers:
         specifier: ^6.3.7
         version: 6.3.7
       tiptap-extension-global-drag-handle:
-        specifier: ^0.1.16
-        version: 0.1.16
+        specifier: ^0.1.18
+        version: 0.1.18
       zod:
         specifier: ^3.23.8
         version: 3.23.8
@@ -8343,8 +8343,8 @@ packages:
   tippy.js@6.3.7:
     resolution: {integrity: sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==}
 
-  tiptap-extension-global-drag-handle@0.1.16:
-    resolution: {integrity: sha512-Toke8gAgvgmSTmpU5Zome29ywdcIPxVZVkzI3GpUbaX8DF7o2ukyb+g/x5PAwBWQt/E4nhX91QlClo96psSYHQ==}
+  tiptap-extension-global-drag-handle@0.1.18:
+    resolution: {integrity: sha512-jwFuy1K8DP3a4bFy76Hpc63w1Sil0B7uZ3mvhQomVvUFCU787Lg2FowNhn7NFzeyok761qY2VG+PZ/FDthWUdg==}
 
   tldts-core@6.1.72:
     resolution: {integrity: sha512-FW3H9aCaGTJ8l8RVCR3EX8GxsxDbQXuwetwwgXA2chYdsX+NY1ytCBl61narjjehWmCw92tc1AxlcY3668CU8g==}
@@ -18357,7 +18357,7 @@ snapshots:
     dependencies:
       '@popperjs/core': 2.11.8
 
-  tiptap-extension-global-drag-handle@0.1.16: {}
+  tiptap-extension-global-drag-handle@0.1.18: {}
 
   tldts-core@6.1.72: {}