diff --git a/webview-ui/src/components/chat/AutoApproveDropdown.tsx b/webview-ui/src/components/chat/AutoApproveDropdown.tsx index 08e4a90f6bb5..1fbe8cc0db93 100644 --- a/webview-ui/src/components/chat/AutoApproveDropdown.tsx +++ b/webview-ui/src/components/chat/AutoApproveDropdown.tsx @@ -173,6 +173,7 @@ export const AutoApproveDropdown = ({ disabled = false, triggerClassName = "" }: "inline-flex items-center gap-1.5 relative whitespace-nowrap px-1.5 py-1 text-xs", "bg-transparent border border-[rgba(255,255,255,0.08)] rounded-md text-vscode-foreground", "transition-all duration-150 focus:outline-none focus-visible:ring-1 focus-visible:ring-vscode-focusBorder focus-visible:ring-inset", + "max-[300px]:shrink-0", disabled ? "opacity-50 cursor-not-allowed" : "opacity-90 hover:opacity-100 hover:bg-[rgba(255,255,255,0.03)] hover:border-[rgba(255,255,255,0.15)] cursor-pointer", @@ -184,13 +185,20 @@ export const AutoApproveDropdown = ({ disabled = false, triggerClassName = "" }: )} - + {!effectiveAutoApprovalEnabled ? t("chat:autoApprove.triggerLabelOff") : enabledCount === totalCount ? t("chat:autoApprove.triggerLabelAll") : t("chat:autoApprove.triggerLabel", { count: enabledCount })} + + {!effectiveAutoApprovalEnabled + ? t("chat:autoApprove.triggerLabelOffShort") + : enabledCount === totalCount + ? t("chat:autoApprove.triggerLabelAll") + : enabledCount} +