Use quickPickTop

Author: Tyriar

src/vs/workbench/contrib/terminal/browser/terminalIconPicker.ts

@@ -11,6 +11,7 @@ import { Disposable } from '../../../../base/common/lifecycle.js';
 import type { ThemeIcon } from '../../../../base/common/themables.js';
 import { IHoverService } from '../../../../platform/hover/browser/hover.js';
 import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
+import { ILayoutService } from '../../../../platform/layout/browser/layoutService.js';
 import { defaultInputBoxStyles } from '../../../../platform/theme/browser/defaultStyles.js';
 import { getIconRegistry, IconContribution } from '../../../../platform/theme/common/iconRegistry.js';
 import { WorkbenchIconSelectBox } from '../../../services/userDataProfile/browser/iconSelectBox.js';
@@ -39,7 +40,8 @@ export class TerminalIconPicker extends Disposable {
 
 	constructor(
 		@IInstantiationService instantiationService: IInstantiationService,
-		@IHoverService private readonly _hoverService: IHoverService
+		@IHoverService private readonly _hoverService: IHoverService,
+		@ILayoutService private readonly _layoutService: ILayoutService,
 	) {
 		super();
 
@@ -64,7 +66,7 @@ export class TerminalIconPicker extends Disposable {
 				target: {
 					targetElements: [body],
 					x: bodyRect.left + (bodyRect.width - dimension.width) / 2,
-					y: bodyRect.top
+					y: bodyRect.top + this._layoutService.activeContainerOffset.quickPickTop - 2
 				},
 				position: {
 					hoverPosition: HoverPosition.BELOW,