fix dropdown alignment (#23870) (#23874)

microsoft · Jul 14, 2023 · d20d664 · d20d664
1 parent bf388cf
commit d20d664
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/sql/workbench/contrib/notebook/browser/cellToolbarActions.ts b/src/sql/workbench/contrib/notebook/browser/cellToolbarActions.ts
@@ -358,7 +358,7 @@ export class ToggleAddCellActionViewItem extends DropdownMenuActionViewItem {
 			{
 				actionRunner,
 				classNames: ToggleAddCellDropdownAction.ICON,
-				anchorAlignmentProvider: () => AnchorAlignment.RIGHT
+				anchorAlignmentProvider: () => AnchorAlignment.LEFT
 			});
 		this.setActionContext(cellContext);
 	}
@@ -392,7 +392,7 @@ export class CellToggleMoreActionViewItem extends DropdownMenuActionViewItem {
 			{
 				actionRunner,
 				classNames: CellToggleMoreAction.ICON,
-				anchorAlignmentProvider: () => AnchorAlignment.RIGHT
+				anchorAlignmentProvider: () => AnchorAlignment.LEFT
 			});
 		this.setActionContext(this._cellContext);
 		this._actions = [

diff --git a/src/sql/workbench/contrib/notebook/browser/notebook.component.ts b/src/sql/workbench/contrib/notebook/browser/notebook.component.ts
@@ -59,6 +59,7 @@ import { KeyCode } from 'vs/base/common/keyCodes';
 import { debounce } from 'vs/base/common/decorators';
 import { ToggleAddCellDropdownAction } from 'sql/workbench/contrib/notebook/browser/cellToolbarActions';
 import { defaultButtonStyles } from 'vs/platform/theme/browser/defaultStyles';
+import { AnchorAlignment } from 'vs/base/browser/ui/contextview/contextview';
 
 export const NOTEBOOK_SELECTOR: string = 'notebook-component';
 const PRIORITY = 105;
@@ -551,7 +552,7 @@ export class NotebookComponent extends AngularDisposable implements OnInit, OnDe
 			undefined,
 			'codicon masked-pseudo masked-pseudo-after add-new dropdown-arrow',
 			localize('addCell', "Cell"),
-			undefined
+			() => AnchorAlignment.LEFT
 		);
 		dropdownMenuActionViewItem.render(buttonDropdownContainer);
 		dropdownMenuActionViewItem.setActionContext(this._notebookParams.notebookUri);
@@ -572,7 +573,7 @@ export class NotebookComponent extends AngularDisposable implements OnInit, OnDe
 				undefined,
 				'codicon notebook-button masked-pseudo masked-pseudo-after icon-dashboard-view dropdown-arrow',
 				localize('editor', "Editor"),
-				undefined
+				() => AnchorAlignment.LEFT
 			);
 			viewsDropdownMenuActionViewItem.render(viewsDropdownContainer);
 			viewsDropdownMenuActionViewItem.setActionContext(this._notebookParams.notebookUri);