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

Fixes

Browse Source
This commit is contained in:
Saoud Rizwan
2024-10-12 18:51:35 -04:00
parent 3e3f7113f3
commit ef0157bbce
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
webview-ui/src/components/settings/ApiOptions.tsx
View File

@@ -31,7 +31,10 @@ import { ExtensionMessage } from "../../../../src/shared/ExtensionMessage"
import { useExtensionState } from "../../context/ExtensionStateContext" import { useExtensionState } from "../../context/ExtensionStateContext"
import { vscode } from "../../utils/vscode" import { vscode } from "../../utils/vscode"
import VSCodeButtonLink from "../common/VSCodeButtonLink" import VSCodeButtonLink from "../common/VSCodeButtonLink"
import OpenRouterModelPicker, { ModelDescriptionMarkdown } from "./OpenRouterModelPicker" import OpenRouterModelPicker, {
ModelDescriptionMarkdown,
OPENROUTER_MODEL_PICKER_Z_INDEX,
} from "./OpenRouterModelPicker"
interface ApiOptionsProps { interface ApiOptionsProps {
showModelOptions: boolean showModelOptions: boolean
@@ -117,7 +120,7 @@ const ApiOptions = ({ showModelOptions, apiErrorMessage, modelIdErrorMessage }:
id="api-provider" id="api-provider"
value={selectedProvider} value={selectedProvider}
onChange={handleInputChange("apiProvider")} onChange={handleInputChange("apiProvider")}
style={{ minWidth: 130, position: "relative", zIndex: 1002 }}> style={{ minWidth: 130, position: "relative", zIndex: OPENROUTER_MODEL_PICKER_Z_INDEX + 1 }}>
<VSCodeOption value="openrouter">OpenRouter</VSCodeOption> <VSCodeOption value="openrouter">OpenRouter</VSCodeOption>
<VSCodeOption value="anthropic">Anthropic</VSCodeOption> <VSCodeOption value="anthropic">Anthropic</VSCodeOption>
<VSCodeOption value="gemini">Google Gemini</VSCodeOption> <VSCodeOption value="gemini">Google Gemini</VSCodeOption>

6
webview-ui/src/components/settings/OpenRouterModelPicker.tsx
View File

@@ -153,7 +153,7 @@ const OpenRouterModelPicker: React.FC = () => {
}} }}
onFocus={() => setIsDropdownVisible(true)} onFocus={() => setIsDropdownVisible(true)}
onKeyDown={handleKeyDown} onKeyDown={handleKeyDown}
style={{ width: "100%", zIndex: 1001, position: "relative" }}> style={{ width: "100%", zIndex: OPENROUTER_MODEL_PICKER_Z_INDEX, position: "relative" }}>
{searchTerm && ( {searchTerm && (
<div <div
className="input-icon-button codicon codicon-close" className="input-icon-button codicon codicon-close"
@@ -234,6 +234,8 @@ const DropdownWrapper = styled.div`
width: 100%; width: 100%;
` `
export const OPENROUTER_MODEL_PICKER_Z_INDEX = 1_000
const DropdownList = styled.div` const DropdownList = styled.div`
position: absolute; position: absolute;
top: calc(100% - 3px); top: calc(100% - 3px);
@@ -243,7 +245,7 @@ const DropdownList = styled.div`
overflow-y: auto; overflow-y: auto;
background-color: var(--vscode-dropdown-background); background-color: var(--vscode-dropdown-background);
border: 1px solid var(--vscode-list-activeSelectionBackground); border: 1px solid var(--vscode-list-activeSelectionBackground);
z-index: 1000; z-index: ${OPENROUTER_MODEL_PICKER_Z_INDEX - 1};
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
` `