style: fix editor tab style (#3970)

Author: bytemain

packages/editor/src/browser/editor-scrollbar/index.module.less

@@ -82,7 +82,7 @@
     top: 0px;
     opacity: 0;
   }
-  // rgba(106, 115, 125, 0.2) 0 6px 6px -6px inset
+
   .scrollbar-decoration-vertical-l {
     left: 0px;
     border-left: 1px solid var(--kt-panelTab-border);

packages/editor/src/browser/editor.module.less

@@ -48,6 +48,7 @@
     position: absolute;
     width: 100%;
     height: 100%;
+    pointer-events: none;
   }
   .kt_editor_tabs {
     display: flex;
@@ -132,12 +133,6 @@
     }
   }
 
-  .kt_editor_tabs_scroll_wrapper {
-    flex-grow: 1;
-    width: 100%;
-    position: relative;
-  }
-
   .kt_editor_tabs_scroll {
     overflow-y: hidden;
     :global(.loading_indicator) {
@@ -184,7 +179,7 @@
   }
   .kt_editor_tabs_content {
     overflow-y: hidden;
-    display: inline-flex;
+    display: flex;
     position: relative;
     height: 100%;
     &.kt_on_drag_over {
@@ -197,8 +192,6 @@
       display: flex;
       position: relative;
       align-items: center;
-      flex-shrink: 1;
-      flex-grow: 1;
       padding: 0 12px;
       border-right: 1px solid var(--tab-border);
       height: 100%;
@@ -209,7 +202,6 @@
       color: var(--tab-inactiveForeground);
       background: var(--tab-inactiveBackground);
       border-top: 1px solid transparent;
-      box-sizing: border-box;
       z-index: 1;
       word-break: keep-all;
       white-space: nowrap;
@@ -348,7 +340,7 @@
   }
 
   .editorGroupHeader {
-    z-index: var(--stacking-level-background, 0);
+    z-index: var(--stacking-level-workbench, 1);
     position: relative;
   }
 

packages/editor/src/browser/tab.view.tsx

@@ -567,6 +567,11 @@ export const EditorActions = forwardRef<HTMLDivElement, IEditorActionsProps>(
     const [hasFocus, setHasFocus] = useState<boolean>(editorService.currentEditorGroup === group);
     const [args, setArgs] = useState<[URI, IEditorGroup, MaybeNull<URI>] | undefined>(acquireArgs());
 
+    /**
+     * 集成场景下可以不展示任何菜单，可以用以下代码取消菜单注册
+     * registry.unregisterMenuId(MenuId.EditorTitle);
+     * registry.unregisterMenuId(MenuId.EditorTitleRun);
+     */
     const noActions = menu.getMergedMenuNodes().length === 0;
 
     useEffect(() => {