daisyui icon indicating copy to clipboard operation
daisyui copied to clipboard

bug: radial-progress in RTL is bugged

Open wahibimoh opened this issue 1 year ago โ€ข 0 comments

What version of daisyUI are you using?

v2.51.5

Describe your issue

with RTL config, radial-progress will have the "after" dot in the wrong place: image

Here is how I hacked a fix: I added '(100 - var(--value))' in CSS: .radial-progress:after { transform: rotate(calc(-1*( (100 - var(--value)) * 3.6deg - 90deg))) translate(calc(-1*(var(--size) / 2 - 50%))) !important; }

What browsers are you seeing the problem on?

Chrome, Safari

Reproduction URL (optional)

https://play.tailwindcss.com/LfQed0drQK

wahibimoh avatar Apr 04 '23 23:04 wahibimoh