fix(desktop): context menu button / tab intermittent issue (#34420)

Co-authored-by: Brendan Allan <git@brendonovich.dev>
This commit is contained in:
usrnk1 2026-06-30 11:09:38 +02:00 committed by GitHub
commit 003c22b4a3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 71 additions and 24 deletions

View file

@ -2,11 +2,15 @@
transform: rotate(-90deg);
[data-slot="progress-circle-background"] {
stroke: var(--border-weak-base);
stroke: var(--progress-circle-background, var(--border-weak-base));
}
[data-slot="progress-circle-background-overlay"] {
stroke: var(--progress-circle-background-overlay, transparent);
}
[data-slot="progress-circle-progress"] {
stroke: var(--border-active);
stroke: var(--progress-circle-progress, var(--border-active));
transition: stroke-dashoffset 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}
}

View file

@ -1,6 +1,6 @@
import { type ComponentProps, createMemo, splitProps } from "solid-js"
export interface ProgressCircleProps extends Pick<ComponentProps<"svg">, "class" | "classList"> {
export interface ProgressCircleProps extends Pick<ComponentProps<"svg">, "class" | "classList" | "style"> {
percentage: number
size?: number
strokeWidth?: number
@ -43,6 +43,13 @@ export function ProgressCircle(props: ProgressCircleProps) {
data-slot="progress-circle-background"
stroke-width={strokeWidth()}
/>
<circle
cx={center}
cy={center}
r={radius()}
data-slot="progress-circle-background-overlay"
stroke-width={strokeWidth()}
/>
<circle
cx={center}
cy={center}