From fd43cb4fd71f32707665e5bc9b6511729e3cdbb4 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Mon, 24 Jan 2022 08:32:05 -0500 Subject: [PATCH] fixes #656 --- docs/resources/changelog.md | 1 + src/components/progress-ring/progress-ring.styles.ts | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md index 63622d19..3dbb5393 100644 --- a/docs/resources/changelog.md +++ b/docs/resources/changelog.md @@ -8,6 +8,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis ## Next +- Fixed a bug that caused `` to render the wrong size when `--track-width` was increased [#656](https://github.com/shoelace-style/shoelace/issues/656) - Implemented stricter linting to improve consistency and reduce errors, which resulted in many small refactors throughout the codebase [#647](https://github.com/shoelace-style/shoelace/pull/647) - Restored the nicer animation on `` and verified it works in Safari - Updated minimum Node version to 14.17 diff --git a/src/components/progress-ring/progress-ring.styles.ts b/src/components/progress-ring/progress-ring.styles.ts index 9057ab7a..07cc8c0c 100644 --- a/src/components/progress-ring/progress-ring.styles.ts +++ b/src/components/progress-ring/progress-ring.styles.ts @@ -29,7 +29,7 @@ export default css` .progress-ring__track, .progress-ring__indicator { - --radius: calc(var(--size) / 2 - var(--track-width) * 2); + --radius: calc(var(--size) / 2 - var(--track-width) * 0.5); --circumference: calc(var(--radius) * 2 * 3.141592654); fill: none;