scriptoriumadmin/Roo-Code
1
0
Fork 0
mirror of https://github.com/RooVetGit/Roo-Code.git synced 2026-09-06 08:18:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update styles for advisor UI

Browse source
This commit is contained in:
Saoud Rizwan 2025-01-19 18:35:07 -08:00
parent 86f3dc2fb5
commit 88af56c06c
2 changed files with 18 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
webview-ui/src/components/chat/ChatRow.tsx
View file

@ -768,7 +768,15 @@ export const ChatRowContent = ({ message, isExpanded, onToggleExpand, lastModifi
padding: "8px 10px",
marginTop: "8px",
}}>
<div>{consultAdvisor.problem}</div>
<div
style={{
wordBreak: "break-word",
overflowWrap: "anywhere",
marginBottom: -10,
marginTop: -10,
}}>
<MarkdownBlock markdown={consultAdvisor.problem} />
</div>
{consultAdvisor.estimatedCost != null && (
<div
style={{

15
webview-ui/src/components/chat/ChatTextArea.tsx
View file

@ -163,12 +163,12 @@ const ModelButtonWrapper = styled.div`
max-width: 100%; // Don't overflow parent
`
const ModelDisplayButton = styled.a<{ isActive?: boolean }>`
const ModelDisplayButton = styled.a<{ isActive?: boolean; disabled?: boolean }>`
padding: 0px 0px;
height: 20px;
width: 100%;
min-width: 0;
cursor: pointer;
cursor: ${(props) => (props.disabled ? "not-allowed" : "pointer")};
text-decoration: ${(props) => (props.isActive ? "underline" : "none")};
color: ${(props) => (props.isActive ? "var(--vscode-foreground)" : "var(--vscode-descriptionForeground)")};
display: flex;
@ -176,17 +176,19 @@ const ModelDisplayButton = styled.a<{ isActive?: boolean }>`
font-size: 10px;
outline: none;
user-select: none;
opacity: ${(props) => (props.disabled ? 0.5 : 1)};
pointer-events: ${(props) => (props.disabled ? "none" : "auto")};
&:hover,
&:focus {
color: var(--vscode-foreground);
text-decoration: underline;
color: ${(props) => (props.disabled ? "var(--vscode-descriptionForeground)" : "var(--vscode-foreground)")};
text-decoration: ${(props) => (props.disabled ? "none" : "underline")};
outline: none;
}
&:active {
color: var(--vscode-foreground);
text-decoration: underline;
color: ${(props) => (props.disabled ? "var(--vscode-descriptionForeground)" : "var(--vscode-foreground)")};
text-decoration: ${(props) => (props.disabled ? "none" : "underline")};
outline: none;
}
@ -956,6 +958,7 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
<ModelDisplayButton
role="button"
isActive={showModelSelector}
disabled={textAreaDisabled}
onClick={() => {
if (showModelSelector) {
handleApiConfigSubmit()