Merge pull request #172 from intechstudio/betty-dev

Betty-dev: leftPane overflow fix
intechstudio · Mar 2, 2023 · ce3a763 · ce3a763
2 parents d7c7369 + 7924593
commit ce3a763
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/renderer/App.svelte b/src/renderer/App.svelte
@@ -182,12 +182,14 @@
         on:resized={handlePaneResized}
         class="w-full"
       >
-        <Pane bind:size={$splitpanes.left} snapSize={5}>
+        <Pane class="leftPane" bind:size={$splitpanes.left} snapSize={5}>
           <LeftPanelContainer />
         </Pane>
+
         <Pane>
           <GridLayout classes={"flex-1"} />
         </Pane>
+
         <Pane size={$splitpanes.right} minSize={20}>
           <RightPanelContainer classes={"min-w-[300px]"} />
         </Pane>
@@ -202,6 +204,11 @@
     position: relative;
     overflow: visible;
   }
+
+  /*betty magic variable*/
+  .splitpanes.modern-theme .splitpanes__pane.leftPane {
+    overflow: hidden;
+  }
   .splitpanes.modern-theme .splitpanes__splitter {
     background-color: #4c4c4c;
     position: relative;

diff --git a/src/renderer/main/LeftPanelContainer.svelte b/src/renderer/main/LeftPanelContainer.svelte
@@ -58,3 +58,9 @@
     </div>
   </div>
 {/if}
+
+<style>
+  .splitpanes.modern-theme .splitpanes__pane {
+    overflow: visible;
+  }
+</style>