From 5b22a5003698e0e6b5deffc236c3c3db4a5833fa Mon Sep 17 00:00:00 2001
From: liquidev <liquidev@tutanota.com>
Date: Tue, 3 Sep 2024 22:39:38 +0200
Subject: [PATCH] fix overflow in brush editor

---
 static/index.css  | 34 +++++++++++++++++++++-------------
 static/index.html | 14 ++++++++------
 2 files changed, 29 insertions(+), 19 deletions(-)

diff --git a/static/index.css b/static/index.css
index 5f7f79d..4795d27 100644
--- a/static/index.css
+++ b/static/index.css
@@ -16,6 +16,8 @@ main {
     &>.fullscreen {
         width: 100%;
         height: 100%;
+        max-width: 100%;
+        max-height: 100%;
         position: absolute;
         left: 0;
         top: 0;
@@ -39,21 +41,27 @@ main {
 
         &>.right {
             grid-column: right / right;
-            height: fit-content;
+            height: 100%;
+            min-height: 0;
+            max-height: 100%;
 
-            display: flex;
-            flex-direction: row;
-            justify-content: stretch;
-
-            &>rkgk-resize-handle {
-                flex-shrink: 0;
-                height: auto;
-            }
-
-            &>rkgk-brush-editor {
+            &>.right-content {
                 max-height: 100%;
-                overflow: auto;
-                flex-grow: 1;
+
+                display: flex;
+                flex-direction: row;
+                justify-content: stretch;
+                
+                &>rkgk-resize-handle {
+                    flex-shrink: 0;
+                    height: auto;
+                }
+
+                &>rkgk-brush-editor {
+                    height: auto;
+                    overflow: auto;
+                    flex-grow: 1;
+                }
             }
         }
     }
diff --git a/static/index.html b/static/index.html
index 29ac9c5..a0507f6 100644
--- a/static/index.html
+++ b/static/index.html
@@ -51,12 +51,14 @@
                     <a href="/docs/rkgk.html">Manual</a>
                 </div>
                 <div class="right">
-                    <rkgk-resize-handle
-                        data-direction="vertical"
-                        data-target="panels-overlay"
-                        data-target-property="--right-width"
-                        data-init-size="384"></rkgk-resize-handle>
-                    <rkgk-brush-editor></rkgk-brush-editor>
+                    <div class="right-content">
+                        <rkgk-resize-handle
+                            data-direction="vertical"
+                            data-target="panels-overlay"
+                            data-target-property="--right-width"
+                            data-init-size="384"></rkgk-resize-handle>
+                        <rkgk-brush-editor></rkgk-brush-editor>
+                    </div>
                 </div>
             </div>