fix(desktop): context menu button / tab intermittent issue (#34420)
Co-authored-by: Brendan Allan <git@brendonovich.dev>
This commit is contained in:
parent
1982d9832b
commit
003c22b4a3
4 changed files with 71 additions and 24 deletions
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue