app: fix vertical resizing issues

Some new issues with layout when resizing the browser window vertically
were caused either by recent xterm updates or other recent style changes.

This works around those issues.

Author: dlech

CHANGELOG.md

@@ -4,6 +4,9 @@
 
 ## [Unreleased]
 
+### Fixed
+- Fixed terminal layout issues when resizing window vertically.
+
 ## [2.1.0-beta.3] - 2022-12-28
 
 ### Changed

src/app/app.scss

@@ -169,10 +169,20 @@ $dark-splitter-color-hover: color.adjust(
 
 // we want overflow visible for editor overlays but it breaks resizing
 // so we can only apply this when not resizing
-.splitter-layout:not(.layout-changing) > .layout-pane {
+.splitter-layout:not(.layout-changing) > .layout-pane:has(.pb-app-editor) {
     overflow: visible;
 }
 
+.splitter-layout .layout-pane {
+    // fix double scroll bars in terminal when resizing
+    overflow: hidden;
+
+    &.layout-pane-primary {
+        // fix resizing window vertically
+        min-height: 0;
+    }
+}
+
 // hide the docs and resize separator
 
 div.pb-hide-docs > :not(.layout-pane-primary) {