Fix multiple cell status item positioning on left side

Fix #105813
microsoft · Sep 2, 2020 · 7b55ec9 · 7b55ec9
1 parent 5c29b4a
commit 7b55ec9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/vs/workbench/contrib/notebook/browser/media/notebook.css b/src/vs/workbench/contrib/notebook/browser/media/notebook.css
@@ -359,13 +359,14 @@
 	flex-grow: 1;
 }
 
+.monaco-workbench .notebookOverlay .cell-statusbar-container .cell-status-left,
 .monaco-workbench .notebookOverlay .cell-statusbar-container .cell-status-right {
 	padding-right: 12px;
-	z-index: 26;
 	display: flex;
+	z-index: 26;
 }
 
-.monaco-workbench .notebookOverlay .cell-statusbar-container .cell-status-right .cell-contributed-items-right {
+.monaco-workbench .notebookOverlay .cell-statusbar-container .cell-contributed-items {
 	display: flex;
 	flex-wrap: wrap;
 	overflow: hidden;

diff --git a/src/vs/workbench/contrib/notebook/browser/view/renderers/cellWidgets.ts b/src/vs/workbench/contrib/notebook/browser/view/renderers/cellWidgets.ts
@@ -50,8 +50,8 @@ export class CellEditorStatusBar extends Disposable {
 		this.cellRunStatusContainer = DOM.append(leftItemsContainer, $('.cell-run-status'));
 		this.durationContainer = DOM.append(leftItemsContainer, $('.cell-run-duration'));
 		this.cellStatusMessageContainer = DOM.append(leftItemsContainer, $('.cell-status-message'));
-		this.leftContributedItemsContainer = DOM.append(leftItemsContainer, $('.cell-contributed-items-left'));
-		this.rightContributedItemsContainer = DOM.append(rightItemsContainer, $('.cell-contributed-items-right'));
+		this.leftContributedItemsContainer = DOM.append(leftItemsContainer, $('.cell-contributed-items.cell-contributed-items-left'));
+		this.rightContributedItemsContainer = DOM.append(rightItemsContainer, $('.cell-contributed-items.cell-contributed-items-right'));
 		this.languageStatusBarItem = instantiationService.createInstance(CellLanguageStatusBarItem, rightItemsContainer);
 
 		this.itemsDisposable = this._register(new DisposableStore());