Merge branch 'swp_autoping_implement_modular_layout' into codeocean-tuil-dynlay

Author: Benedikt Artelt

app/assets/javascripts/editor/editor.js.erb

@@ -237,7 +237,13 @@ var CodeOceanEditor = {
     },
 
     resizeSidebars: function () {
-        $('#content-left-sidebar').height(this.calculateEditorHeight('#content-left-sidebar', false));
+        let editorHeightLeftSidebar = this.calculateEditorHeight('#content-left-sidebar', false);
+        $('#content-left-sidebar').height(function() {
+            if($('#resizerHorizontal').css('display') === 'none')
+                return 'auto';
+            else
+                return editorHeightLeftSidebar;
+        });
         $('#content-right-sidebar').height(this.calculateEditorHeight('#content-right-sidebar', false));
     },
 

app/assets/stylesheets/editor.css.scss

@@ -25,8 +25,16 @@
 
 #panel-left {
   position: relative;
-  max-height: 85vh;
-  overflow-y: scroll;
+}
+
+// Bootstrap breakpoint "large". See https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints
+@media (min-width: 992px) { 
+
+  #panel-left {
+    position: relative;
+    max-height: 85vh;
+    overflow-y: scroll;
+  }
 }
 
 #panel-right {
@@ -83,7 +91,7 @@ html[data-bs-theme="light"] {
 }
 
 #content-left-sidebar, #content-right-sidebar {
-  min-height: 250px;
+  max-height: 500px;
 }
 
 .frame {