mirror of
https://github.com/RooVetGit/Roo-Code.git
synced 2026-10-08 03:07:53 +00:00
feat: update tooltip component to match native VSCode tooltip shadow styling (#7457)
Co-authored-by: Roo Code <roomote@roocode.com> Co-authored-by: cte <cestreich@gmail.com>
This commit is contained in:
parent
faf5734bdc
commit
33a8573b02
2 changed files with 2 additions and 0 deletions
|
|
@ -31,6 +31,7 @@ function TooltipContent({
|
|||
className={cn(
|
||||
"bg-vscode-editorHoverWidget-background outline outline-vscode-editorHoverWidget-border text-vscode-editorHoverWidget-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-sm px-2 py-1 text-xs text-balance",
|
||||
"max-w-[300px] break-words",
|
||||
"shadow-[0_2px_8px_var(--color-vscode-widget-shadow)]",
|
||||
className,
|
||||
)}
|
||||
{...props}>
|
||||
|
|
|
|||
|
|
@ -131,6 +131,7 @@
|
|||
--color-vscode-inputValidation-infoBorder: var(--vscode-inputValidation-infoBorder);
|
||||
|
||||
--color-vscode-widget-border: var(--vscode-widget-border);
|
||||
--color-vscode-widget-shadow: var(--vscode-widget-shadow);
|
||||
|
||||
--color-vscode-textLink-foreground: var(--vscode-textLink-foreground);
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue