From d20d664180b7f1b6aab1e345edd94c82f27a8717 Mon Sep 17 00:00:00 2001
From: Lucy Zhang <luczhan@microsoft.com>
Date: Thu, 13 Jul 2023 21:12:21 -0700
Subject: [PATCH] fix dropdown alignment (#23870) (#23874)

---
 .../workbench/contrib/notebook/browser/cellToolbarActions.ts | 4 ++--
 .../workbench/contrib/notebook/browser/notebook.component.ts | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/sql/workbench/contrib/notebook/browser/cellToolbarActions.ts b/src/sql/workbench/contrib/notebook/browser/cellToolbarActions.ts
index 80425c1fc40e..9453fc1264f9 100644
--- 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
index dcec5c2116ac..2a582ff95a1b 100644
--- 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);