js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix animation bug

Browse Source
This commit is contained in:
Cory LaViska
2021-09-30 08:40:21 -04:00
parent c83581cf47
commit 7188425ac0
3 changed files with 26 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/components/progress-ring.md
View File

@@ -12,10 +12,10 @@ Progress rings are used to show the progress of a determinate operation in a cir
### Size
Use the `size` attribute to set the diameter of the progress ring.
Use the `--size` custom property to set the diameter of the progress ring.
```html preview
<sl-progress-ring percentage="50" size="200"></sl-progress-ring>
<sl-progress-ring percentage="50" style="--size: 200px;"></sl-progress-ring>
```
### Track Width
@@ -45,7 +45,7 @@ To change the color, use the `--track-color` and `--indicator-color` custom prop
Use the default slot to show a label.
```html preview
<sl-progress-ring percentage="50" size="200" class="progress-ring-labels" style="margin-bottom: .5rem;">50%</sl-progress-ring>
<sl-progress-ring percentage="50" class="progress-ring-labels" style="margin-bottom: .5rem;">50%</sl-progress-ring>
<br>

1
docs/resources/changelog.md
View File

@@ -21,6 +21,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
- Added the undocumented custom properties `--thumb-size`, `--tooltip-offset`, `--track-height` on `<sl-range>`
- Changed the default `distance` in `<sl-dropdown>` from `2` to `0` [#538](https://github.com/shoelace-style/shoelace/issues/538)
- Fixed a bug where `<sl-select>` would be larger than the viewport when it had lots of options [#544](https://github.com/shoelace-style/shoelace/issues/544)
- Fixed a bug where `<sl-progress-ring>` wouldn't animate in Safari
- Updated the default height of `<sl-progress-bar>` from `16px` to `1rem` and added a subtle shadow to indicate depth
- Removed the `lit-html` dependency and moved corresponding imports to `lit` [#546](https://github.com/shoelace-style/shoelace/issues/546)