From 0f062563a6df8d928838cd52ce471289c6556832 Mon Sep 17 00:00:00 2001
From: Abdo <abdo@abdnh.net>
Date: Sun, 27 Jul 2025 01:34:21 +0300
Subject: [PATCH] Add hack for buttons position in IO mode

---
 ts/routes/editor/NoteEditor.svelte           | 4 ----
 ts/routes/image-occlusion/MaskEditor.svelte  | 6 ++----
 ts/routes/image-occlusion/tools/tool-zoom.ts | 4 ++--
 3 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/ts/routes/editor/NoteEditor.svelte b/ts/routes/editor/NoteEditor.svelte
index 8896cc0f8..7aa26eff4 100644
--- a/ts/routes/editor/NoteEditor.svelte
+++ b/ts/routes/editor/NoteEditor.svelte
@@ -1381,10 +1381,6 @@ components and functionality for general note editing.
         height: 100%;
     }
 
-    :global(.image-occlusion) {
-        position: fixed;
-    }
-
     :global(.image-occlusion .tab-buttons) {
         display: none !important;
     }
diff --git a/ts/routes/image-occlusion/MaskEditor.svelte b/ts/routes/image-occlusion/MaskEditor.svelte
index 36de4db84..e90239755 100644
--- a/ts/routes/image-occlusion/MaskEditor.svelte
+++ b/ts/routes/image-occlusion/MaskEditor.svelte
@@ -93,14 +93,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 <style lang="scss">
     .editor-main {
-        position: absolute;
-        top: 42px;
-        left: 36px;
+        position: relative;
         bottom: 2px;
         right: 2px;
-        border: 1px solid var(--border);
         overflow: auto;
         outline: none !important;
+        height: 90vh;
     }
 
     :global([dir="rtl"]) .editor-main {
diff --git a/ts/routes/image-occlusion/tools/tool-zoom.ts b/ts/routes/image-occlusion/tools/tool-zoom.ts
index a2af9dd79..d59e9f778 100644
--- a/ts/routes/image-occlusion/tools/tool-zoom.ts
+++ b/ts/routes/image-occlusion/tools/tool-zoom.ts
@@ -241,8 +241,8 @@ const fitCanvasVptScale = (canvas: fabric.Canvas) => {
 const getScaleRatio = (boundingBox: Size) => {
     const h1 = boundingBox.height!;
     const w1 = boundingBox.width!;
-    const w2 = innerWidth - 42;
-    let h2 = window.innerHeight;
+    const w2 = innerWidth;
+    let h2 = window.innerHeight * 0.9;
     h2 = isDesktop() ? h2 - 79 : h2 - 48;
     return Math.min(w2 / w1, h2 / h1);
 };