fix: add text wrapping to command patterns in Manage Command Permissions (#6255)

Co-authored-by: Roo Code <roomote@roocode.com>
This commit is contained in:
roomote[bot] 2025-07-26 18:41:02 -04:00 • committed by GitHub
parent f530a71371
commit 91c21a1bba
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -141,9 +141,9 @@ export const CommandPatternSelector: React.FC<CommandPatternSelectorProps> = ({
) : (
<div
onClick={() => setEditState(item.pattern, true)}
className="font-mono text-xs text-vscode-foreground cursor-pointer hover:bg-vscode-list-hoverBackground px-2 py-1.5 rounded transition-colors border border-transparent"
className="font-mono text-xs text-vscode-foreground cursor-pointer hover:bg-vscode-list-hoverBackground px-2 py-1.5 rounded transition-colors border border-transparent break-all"
title="Click to edit pattern">
<span>{editState.value}</span>
<span className="break-all">{editState.value}</span>
{item.description && (
<span className="text-vscode-descriptionForeground ml-2">
- {item.description}