Add option to move the Find dialog to the bottom of the document view

.eslintrc.json

@@ -0,0 +1,5 @@
+{
+  "rules": {
+    "find.dialogPosition": ["error", { "allowedValues": ["top", "bottom"] }]
+  }
+}

src/vs/editor/browser/editorBrowser.ts

@@ -239,7 +239,22 @@ export const enum OverlayWidgetPositionPreference {
 	/**
 	 * Position the overlay widget in the top center
 	 */
-	TOP_CENTER
+	TOP_CENTER,
+
+	/**
+	 * Position the overlay widget in the bottom center
+	 */
+	BOTTOM_CENTER,
+
+	/**
+	 * Position the overlay widget in the left center
+	 */
+	LEFT_CENTER,
+
+	/**
+	 * Position the overlay widget in the right center
+	 */
+	RIGHT_CENTER
 }
 
 

src/vs/editor/contrib/find/browser/findWidget.css

@@ -282,3 +282,30 @@
 	top: 5px;
 	right: 4px;
 }
+
+/* CSS styles for bottom position of the Find dialog */
+.monaco-editor .find-widget.bottom {
+	transform: translateY(calc(100% + 10px)); /* shadow (10px) */
+	border-top: 1px solid var(--vscode-widget-border);
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+	border-bottom: none;
+}
+
+/* CSS styles for left position of the Find dialog */
+.monaco-editor .find-widget.left {
+	transform: translateX(calc(-100% - 10px)); /* shadow (10px) */
+	border-right: 1px solid var(--vscode-widget-border);
+	border-top-left-radius: 4px;
+	border-bottom-left-radius: 4px;
+	border-left: none;
+}
+
+/* CSS styles for right position of the Find dialog */
+.monaco-editor .find-widget.right {
+	transform: translateX(calc(100% + 10px)); /* shadow (10px) */
+	border-left: 1px solid var(--vscode-widget-border);
+	border-top-right-radius: 4px;
+	border-bottom-right-radius: 4px;
+	border-right: none;
+}

src/vs/editor/contrib/find/browser/findWidget.ts

@@ -302,9 +302,25 @@ export class FindWidget extends Widget implements IOverlayWidget, IVerticalSashL
 
 	public getPosition(): IOverlayWidgetPosition | null {
 		if (this._isVisible) {
-			return {
-				preference: OverlayWidgetPositionPreference.TOP_RIGHT_CORNER
-			};
+			const dialogPosition = this._codeEditor.getOption(EditorOption.find).dialogPosition;
+			switch (dialogPosition) {
+				case 'bottom':
+					return {
+						preference: OverlayWidgetPositionPreference.BOTTOM_CENTER
+					};
+				case 'left':
+					return {
+						preference: OverlayWidgetPositionPreference.LEFT_CENTER
+					};
+				case 'right':
+					return {
+						preference: OverlayWidgetPositionPreference.RIGHT_CENTER
+					};
+				default:
+					return {
+						preference: OverlayWidgetPositionPreference.TOP_RIGHT_CORNER
+					};
+			}
 		}
 		return null;
 	}