pacnpal/Roo-Code
1
0
Fork 0
mirror of https://github.com/pacnpal/Roo-Code.git synced 2025-12-20 12:21:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #577 from psv2522/fix-issue-562

Browse Source 
fix:Added correct styling for the select options
This commit is contained in:
Matt Rubens
2025-01-26 08:46:38 -05:00
committed by GitHub
parent 6b3fffce3e 2d65b8aabe
commit 601ede7482
1 changed files with 25 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
webview-ui/src/components/chat/ChatTextArea.tsx
View File

@@ -511,6 +511,11 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
appearance: "none" as const,
}
const optionStyle = {
backgroundColor: "var(--vscode-dropdown-background)",
color: "var(--vscode-dropdown-foreground)",
}
const caretContainerStyle = {
position: "absolute" as const,
left: 6,
@@ -731,20 +736,21 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
flex: "0 0 auto",
}}>
{getAllModes(customModes).map((mode) => (
<option
key={mode.slug}
value={mode.slug}
style={{
backgroundColor: "var(--vscode-dropdown-background)",
color: "var(--vscode-dropdown-foreground)",
}}>
<option key={mode.slug} value={mode.slug} style={{ ...optionStyle }}>
{mode.name}
</option>
))}
<option disabled style={{ borderTop: "1px solid var(--vscode-dropdown-border)" }}>
<option
disabled
style={{
borderTop: "1px solid var(--vscode-dropdown-border)",
...optionStyle,
}}>
────
</option>
<option value="prompts-action">Edit...</option>
<option value="prompts-action" style={{ ...optionStyle }}>
Edit...
</option>
</select>
<div style={caretContainerStyle}>
<CaretIcon />
@@ -784,16 +790,22 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
key={config.name}
value={config.name}
style={{
backgroundColor: "var(--vscode-dropdown-background)",
color: "var(--vscode-dropdown-foreground)",
...optionStyle,
}}>
{config.name}
</option>
))}
<option disabled style={{ borderTop: "1px solid var(--vscode-dropdown-border)" }}>
<option
disabled
style={{
borderTop: "1px solid var(--vscode-dropdown-border)",
...optionStyle,
}}>
────
</option>
<option value="settings-action">Edit...</option>
<option value="settings-action" style={{ ...optionStyle }}>
Edit...
</option>
</select>
<div style={caretContainerStyle}>
<CaretIcon />