diff --git a/src/vs/workbench/contrib/notebook/browser/media/notebook.css b/src/vs/workbench/contrib/notebook/browser/media/notebook.css index 472018c2770..f0fc54e93f4 100644 --- a/src/vs/workbench/contrib/notebook/browser/media/notebook.css +++ b/src/vs/workbench/contrib/notebook/browser/media/notebook.css @@ -603,7 +603,7 @@ box-sizing: border-box; opacity: .7; width: 35px; - left: -35px; + right: 0px; /* Sizing hacks */ bottom: 0px; diff --git a/src/vs/workbench/contrib/notebook/browser/view/renderers/cellRenderer.ts b/src/vs/workbench/contrib/notebook/browser/view/renderers/cellRenderer.ts index d348c34c049..c7ed84edcbf 100644 --- a/src/vs/workbench/contrib/notebook/browser/view/renderers/cellRenderer.ts +++ b/src/vs/workbench/contrib/notebook/browser/view/renderers/cellRenderer.ts @@ -381,6 +381,8 @@ export class CodeCellRenderer extends AbstractCellRenderer implements IListRende const decorationContainer = DOM.append(rootContainer, $('.cell-decoration')); const focusIndicatorTop = new FastDomNode(DOM.append(container, $('.cell-focus-indicator.cell-focus-indicator-top'))); const titleToolbarContainer = DOM.append(container, $('.cell-title-toolbar')); + + // This is also the drag handle const focusIndicatorLeft = new FastDomNode(DOM.append(container, DOM.$('.cell-focus-indicator.cell-focus-indicator-side.cell-focus-indicator-left'))); const cellContainer = DOM.append(container, $('.cell.code')); @@ -388,7 +390,7 @@ export class CodeCellRenderer extends AbstractCellRenderer implements IListRende const cellInputCollapsedContainer = DOM.append(cellContainer, $('.input-collapse-container')); const runToolbar = templateDisposables.add(this.instantiationService.createInstance(RunToolbar, this.notebookEditor, contextKeyService, container, runButtonContainer)); - const executionOrderLabel = DOM.append(cellContainer, $('div.execution-count-label')); + const executionOrderLabel = DOM.append(focusIndicatorLeft.domNode, $('div.execution-count-label')); executionOrderLabel.title = localize('cellExecutionOrderCountLabel', 'Execution Order'); const editorPart = DOM.append(cellContainer, $('.cell-editor-part'));