Skip to content

Commit c12afc2

Browse files
authored
feat: add trail effect on sparkline pulse (#991)
1 parent 0b55ca4 commit c12afc2

File tree

3 files changed

+10
-9
lines changed

3 files changed

+10
-9
lines changed

app/components/Package/WeeklyDownloadStats.vue

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -165,14 +165,15 @@ const config = computed(() => {
165165
line: {
166166
color: colors.value.borderHover,
167167
pulse: {
168-
show: true,
168+
show: true, // the pulse will not show if prefers-reduced-motion (enforced by vue-data-ui)
169169
loop: true, // runs only once if false
170-
radius: 2,
170+
radius: 1.5,
171171
color: pulseColor.value,
172172
easing: 'ease-in-out',
173173
trail: {
174174
show: true,
175-
length: 6,
175+
length: 20,
176+
opacity: 0.75,
176177
},
177178
},
178179
},

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -98,7 +98,7 @@
9898
"vite-plugin-pwa": "1.2.0",
9999
"vite-plus": "0.0.0-833c515fa25cef20905a7f9affb156dfa6f151ab",
100100
"vue": "3.5.27",
101-
"vue-data-ui": "3.14.5"
101+
"vue-data-ui": "3.14.7"
102102
},
103103
"devDependencies": {
104104
"@intlify/core-base": "11.2.8",

pnpm-lock.yaml

Lines changed: 5 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)