Skip to content

Commit 1f90644

Browse files
essenmitsosseessenmitsosse
committed
chore: remove redundant animation class
1 parent 4277b19 commit 1f90644

8 files changed

Lines changed: 16 additions & 43 deletions

File tree

‎app/components/CollapsibleSection.vue‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -92,11 +92,7 @@ useHead({
9292
:aria-label="ariaLabel"
9393
@click="toggle"
9494
>
95-
<span
96-
v-if="isLoading"
97-
class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
98-
aria-hidden="true"
99-
/>
95+
<span v-if="isLoading" class="i-svg-spinners:ring-resize w-3 h-3" aria-hidden="true" />
10096
<span
10197
v-else
10298
class="w-3 h-3 transition-transform duration-200"

‎app/components/Compare/FacetCard.vue‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -111,10 +111,7 @@ function getShortName(header: string): string {
111111
<span class="relative min-w-0 text-end">
112112
<!-- Loading state -->
113113
<template v-if="isCellLoading(index)">
114-
<span
115-
class="i-svg-spinners:ring-resize w-4 h-4 text-fg-subtle motion-safe:animate-spin"
116-
aria-hidden="true"
117-
/>
114+
<span class="i-svg-spinners:ring-resize w-4 h-4 text-fg-subtle" aria-hidden="true" />
118115
</template>
119116

120117
<!-- No data -->

‎app/components/Compare/FacetRow.vue‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -114,10 +114,7 @@ function isCellLoading(index: number): boolean {
114114

115115
<!-- Loading state -->
116116
<template v-if="isCellLoading(index)">
117-
<span
118-
class="i-svg-spinners:ring-resize w-4 h-4 text-fg-subtle motion-safe:animate-spin"
119-
aria-hidden="true"
120-
/>
117+
<span class="i-svg-spinners:ring-resize w-4 h-4 text-fg-subtle" aria-hidden="true" />
121118
</template>
122119

123120
<!-- No data -->

‎app/components/Org/TeamsPanel.vue‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -328,10 +328,7 @@ watch(lastExecutionTime, () => {
328328

329329
<!-- Loading state -->
330330
<div v-if="isLoadingTeams && teams.length === 0" class="p-8 text-center">
331-
<span
332-
class="i-svg-spinners:ring-resize w-5 h-5 text-fg-muted motion-safe:animate-spin mx-auto"
333-
aria-hidden="true"
334-
/>
331+
<span class="i-svg-spinners:ring-resize w-5 h-5 text-fg-muted mx-auto" aria-hidden="true" />
335332
<p class="font-mono text-sm text-fg-muted mt-2">{{ $t('org.teams.loading') }}</p>
336333
</div>
337334

@@ -388,7 +385,7 @@ watch(lastExecutionTime, () => {
388385
</span>
389386
<span
390387
v-if="isLoadingUsers[teamName]"
391-
class="i-svg-spinners:ring-resize w-3 h-3 text-fg-muted motion-safe:animate-spin"
388+
class="i-svg-spinners:ring-resize w-3 h-3 text-fg-muted"
392389
aria-hidden="true"
393390
/>
394391
</button>

‎app/components/Package/MetricsBadges.vue‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ const typesHref = computed(() => {
7373
:tabindex="0"
7474
:classicon="
7575
isLoading
76-
? 'i-svg-spinners:ring-resize motion-safe:animate-spin'
76+
? 'i-svg-spinners:ring-resize '
7777
: hasTypes
7878
? 'i-lucide:check'
7979
: 'i-lucide:circle-x'
@@ -95,7 +95,7 @@ const typesHref = computed(() => {
9595
:variant="hasEsm && !isLoading ? 'default' : 'ghost'"
9696
:classicon="
9797
isLoading
98-
? 'i-svg-spinners:ring-resize motion-safe:animate-spin'
98+
? 'i-svg-spinners:ring-resize '
9999
: hasEsm
100100
? 'i-lucide:check'
101101
: 'i-lucide:circle-x'
@@ -112,9 +112,7 @@ const typesHref = computed(() => {
112112
<TagStatic
113113
tabindex="0"
114114
:variant="isLoading ? 'ghost' : 'default'"
115-
:classicon="
116-
isLoading ? 'i-svg-spinners:ring-resize motion-safe:animate-spin' : 'i-lucide:check'
117-
"
115+
:classicon="isLoading ? 'i-svg-spinners:ring-resize ' : 'i-lucide:check'"
118116
>
119117
CJS
120118
</TagStatic>

‎app/components/Package/Versions.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -440,7 +440,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
440440
>
441441
<span
442442
v-if="loadingTags.has(row.tag)"
443-
class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
443+
class="i-svg-spinners:ring-resize w-3 h-3"
444444
data-testid="loading-spinner"
445445
aria-hidden="true"
446446
/>
@@ -595,7 +595,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
595595
>
596596
<span
597597
v-if="otherVersionsLoading"
598-
class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
598+
class="i-svg-spinners:ring-resize w-3 h-3"
599599
data-testid="loading-spinner"
600600
aria-hidden="true"
601601
/>

‎app/components/VersionSelector.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -540,7 +540,7 @@ watch(
540540
>
541541
<span
542542
v-if="group.isLoading"
543-
class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
543+
class="i-svg-spinners:ring-resize w-3 h-3"
544544
aria-hidden="true"
545545
/>
546546
<span

‎app/pages/package/[[org]]/[name].vue‎

Lines changed: 5 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -824,7 +824,7 @@ const showSkeleton = shallowRef(false)
824824
>
825825
<span
826826
v-if="isLoadingLikeData"
827-
class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin my-0.5"
827+
class="i-svg-spinners:ring-resize w-3 h-3 my-0.5"
828828
aria-hidden="true"
829829
/>
830830
<span v-else>
@@ -962,10 +962,7 @@ const showSkeleton = shallowRef(false)
962962
"
963963
class="inline-flex items-center gap-1 text-fg-subtle"
964964
>
965-
<span
966-
class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
967-
aria-hidden="true"
968-
/>
965+
<span class="i-svg-spinners:ring-resize w-3 h-3" aria-hidden="true" />
969966
</span>
970967
<span v-else-if="totalDepsCount !== null">{{
971968
numberFormatter.format(totalDepsCount)
@@ -1030,10 +1027,7 @@ const showSkeleton = shallowRef(false)
10301027
v-if="installSizeStatus === 'pending'"
10311028
class="inline-flex items-center gap-1 text-fg-subtle"
10321029
>
1033-
<span
1034-
class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
1035-
aria-hidden="true"
1036-
/>
1030+
<span class="i-svg-spinners:ring-resize w-3 h-3" aria-hidden="true" />
10371031
</span>
10381032
<span v-else-if="installSize?.totalSize" dir="ltr">
10391033
{{ bytesFormatter.format(installSize.totalSize) }}
@@ -1053,10 +1047,7 @@ const showSkeleton = shallowRef(false)
10531047
v-if="vulnTreeStatus === 'pending' || vulnTreeStatus === 'idle'"
10541048
class="inline-flex items-center gap-1 text-fg-subtle"
10551049
>
1056-
<span
1057-
class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
1058-
aria-hidden="true"
1059-
/>
1050+
<span class="i-svg-spinners:ring-resize w-3 h-3" aria-hidden="true" />
10601051
</span>
10611052
<span v-else-if="vulnTreeStatus === 'success'">
10621053
<span v-if="hasVulnerabilities" class="text-amber-700 dark:text-amber-500">
@@ -1320,10 +1311,7 @@ const showSkeleton = shallowRef(false)
13201311
v-if="provenanceStatus === 'pending'"
13211312
class="mt-8 flex items-center gap-2 text-fg-subtle text-sm"
13221313
>
1323-
<span
1324-
class="i-svg-spinners:ring-resize w-4 h-4 motion-safe:animate-spin"
1325-
aria-hidden="true"
1326-
/>
1314+
<span class="i-svg-spinners:ring-resize w-4 h-4" aria-hidden="true" />
13271315
<span>{{ $t('package.provenance_section.title') }}…</span>
13281316
</div>
13291317
<PackageProvenanceSection

0 commit comments

Comments
 (0)