diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/common/panels.js b/packages/node_modules/@node-red/editor-client/src/js/ui/common/panels.js index 5a82f9d35..31d9936d7 100644 --- a/packages/node_modules/@node-red/editor-client/src/js/ui/common/panels.js +++ b/packages/node_modules/@node-red/editor-client/src/js/ui/common/panels.js @@ -52,11 +52,11 @@ RED.panels = (function() { var newSizes = [panelSizes[0]+delta,panelSizes[1]-delta]; if (vertical) { $(children[0]).height(newSizes[0]); - $(children[1]).height(newSizes[1]); + // $(children[1]).height(newSizes[1]); ui.position.top -= delta; } else { $(children[0]).width(newSizes[0]); - $(children[1]).width(newSizes[1]); + // $(children[1]).width(newSizes[1]); ui.position.left -= delta; } if (options.resize) { @@ -99,10 +99,10 @@ RED.panels = (function() { panelSizes = [topPanelSize,bottomPanelSize]; if (vertical) { $(children[0]).outerHeight(panelSizes[0]); - $(children[1]).outerHeight(panelSizes[1]); + // $(children[1]).outerHeight(panelSizes[1]); } else { $(children[0]).outerWidth(panelSizes[0]); - $(children[1]).outerWidth(panelSizes[1]); + // $(children[1]).outerWidth(panelSizes[1]); } } if (options.resize) { diff --git a/packages/node_modules/@node-red/editor-client/src/sass/panels.scss b/packages/node_modules/@node-red/editor-client/src/sass/panels.scss index 9f99db5d4..3da9fa969 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/panels.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/panels.scss @@ -22,9 +22,19 @@ // border: 1px solid red; box-sizing: border-box; } + display: flex; + flex-direction: column; + + >.red-ui-panel:first-child { + flex: 0 0 auto; + } + >.red-ui-panel:last-child { + flex: 1 1 auto; + } } .red-ui-panels-separator { + flex: 0 0 auto; border-top: 1px solid $secondary-border-color; border-bottom: 1px solid $secondary-border-color; height: 7px; @@ -41,6 +51,8 @@ .red-ui-panels.red-ui-panels-horizontal { height: 100%; + flex-direction: row; + &>.red-ui-panel { vertical-align: top; display: inline-block;