@kumologica/sdk 3.4.0-beta8 → 3.4.0-beta9

package/src/app/ui/editor-client/src/js/ui/common/tabs.js

@@ -255,6 +255,8 @@ RED.tabs = (function () {
           scrollRight.removeClass('tab-disabled');
         }
       }
+      // Hack: update the width of the terminal
+      $('#workspace-terminal').width(ulWidth);
     }
     function onTabDblClick(evt) {
       evt.preventDefault();
@@ -292,7 +294,7 @@ RED.tabs = (function () {
           // const panelNavigatorWidth = 220;
           // const tabNavigatorWidth = 21 * 2;
           // const totalLeftWidth = panelNavigatorWidth + tabNavigatorWidth;
-          // console.log(`scrollContainer.width = `, scrollContainer.width());
+          // console.log(`[tabs::activateTabs] scrollContainer.width = `, scrollContainer.width());
           if (scrollAllowed) {
             // When starting the workspace, the width is 30, so we dont want to scroll. Just to make first tab fully visible and active
             if (scrollContainer.width() < 100 ){
@@ -346,6 +348,7 @@ RED.tabs = (function () {
     }
 
     function getTabsMaxWidthAvailable() {
+
       const workspaceWidth = $('#main-container').width();
 
       const paletteWidth = $('#palette').is(':hidden')? 0 : $('#palette').width();
@@ -756,7 +759,7 @@ RED.tabs = (function () {
             .attr('dir', RED.text.bidi.resolveBaseTextDir(label));
           updateTabWidths();
         } else {
-          console.log('[tabs] Tab not found')
+          // console.log('[tabs] Tab not found')
         }
         
       },

package/src/app/ui/editor-client/src/js/ui/logviewer.js

@@ -22,24 +22,24 @@ RED.logviewer = (function() {
             //$('#terminal-separator').css('top', '4px');
           },
           drag: function (event, ui) {
-            console.log('[terminal] draggin. ui.position.top=', ui.position.top);
+            // console.log('[terminal] draggin. ui.position.top=', ui.position.top);
             
 
             // update the height of terminal window
             newHeight = Math.max(activeTerminalHeight - ui.position.top, MIN_HEIGHT);
-            console.log('[terminal] newHeight', newHeight);
+            // console.log('[terminal] newHeight', newHeight);
             $activeTerminalID.height(newHeight);
             ui.position.top = 0;
 
 
             if (newHeight <= 0) {
-              console.log('Dragging beyond limits....');
+              // console.log('Dragging beyond limits....');
               hideTerminal();
               return false;
             }
           },
           stop: function (event, ui) {
-            console.log('[terminal] stop triggered! activeTerminalHeight=', newHeight);
+            // console.log('[terminal] stop triggered! activeTerminalHeight=', newHeight);
             activeTerminalHeight = newHeight;
             // $activeTerminalID.height(newHeight);
             // $('#terminal-separator').css('top', '4px');

package/src/app/ui/editor-client/src/js/ui/terminal.js

@@ -195,8 +195,8 @@ RED.terminal = (function () {
         findTerminalById(activeTerminalID).show();
       }
       // set the height of the selected terminal like the previous one
-      console.log('[terminal] activeTerminalID=', activeTerminalID);
-      console.log('[terminal] activeTerminalHeight=', activeTerminalHeight);
+      // console.log('[terminal] activeTerminalID=', activeTerminalID);
+      // console.log('[terminal] activeTerminalHeight=', activeTerminalHeight);
       if (!activeTerminalHeight){
         activeTerminalHeight = DEFAULT_HEIGHT;
       }

package/src/app/ui/editor-client/src/sass/terminal.scss

@@ -35,8 +35,8 @@
  *  Default styles for xterm.js
  */
 
-.terminal-header {
-  line-height: 27px;
+#terminal-header {
+  background-color: lightgrey;
 }
 
 .terminal-tab-selected {
@@ -51,7 +51,10 @@
 #terminal-separator {
   height: 9px;
   cursor: row-resize;
-  border-top: 1px solid #ccc;
+
+  &:hover {
+    border-top: 4px solid #2979ff;
+  }
 }
 
 #terminal-actions {

package/src/app/ui/editor-client/src/sass/workspace.scss

@@ -40,6 +40,7 @@
   left: 265px;
   bottom: 0px;
   right: 49px;
+  background-color: white;
   // overflow: hidden;
   // @include component-border;
   transition: left 0.1s ease-in-out;