forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
feat: add RTL support to `PackageDownloadAnalytics` (#338)
authored by
Joaquín Sánchez
and committed by
GitHub
e824aa1d
23230fd2
+16
-16
+16
-16
app/components/PackageDownloadAnalytics.vue
+16
-16
app/components/PackageDownloadAnalytics.vue
···
619
619
<div
620
620
class="flex items-center gap-2 px-2.5 py-1.75 bg-bg-subtle border border-border rounded-md focus-within:(border-border-hover ring-2 ring-accent/30)"
621
621
>
622
-
<span class="i-carbon-calendar w-4 h-4 text-fg-subtle shrink-0" aria-hidden="true" />
622
+
<span class="i-carbon:calendar w-4 h-4 text-fg-subtle shrink-0" aria-hidden="true" />
623
623
<input
624
624
id="startDate"
625
625
v-model="startDate"
···
639
639
<div
640
640
class="flex items-center gap-2 px-2.5 py-1.75 bg-bg-subtle border border-border rounded-md focus-within:(border-border-hover ring-2 ring-accent/30)"
641
641
>
642
-
<span class="i-carbon-calendar w-4 h-4 text-fg-subtle shrink-0" aria-hidden="true" />
642
+
<span class="i-carbon:calendar w-4 h-4 text-fg-subtle shrink-0" aria-hidden="true" />
643
643
<input
644
644
id="endDate"
645
645
v-model="endDate"
···
666
666
}
667
667
"
668
668
>
669
-
<span class="i-carbon-reset w-5 h-5 inline-block" aria-hidden="true" />
669
+
<span class="i-carbon:reset w-5 h-5 inline-block" aria-hidden="true" />
670
670
</button>
671
671
</div>
672
672
</div>
···
674
674
<ClientOnly v-if="inModal && chartData.dataset">
675
675
<VueUiXy :dataset="chartData.dataset" :config="config">
676
676
<template #menuIcon="{ isOpen }">
677
-
<span v-if="isOpen" class="i-carbon-close w-6 h-6" aria-hidden="true" />
678
-
<span v-else class="i-carbon-overflow-menu-vertical w-6 h-6" aria-hidden="true" />
677
+
<span v-if="isOpen" class="i-carbon:close w-6 h-6" aria-hidden="true" />
678
+
<span v-else class="i-carbon:overflow-menu-vertical w-6 h-6" aria-hidden="true" />
679
679
</template>
680
680
<template #optionCsv>
681
681
<span
682
-
class="i-carbon-csv w-6 h-6 text-fg-subtle"
682
+
class="i-carbon:csv w-6 h-6 text-fg-subtle"
683
683
style="pointer-events: none"
684
684
aria-hidden="true"
685
685
/>
686
686
</template>
687
687
<template #optionImg>
688
688
<span
689
-
class="i-carbon-png w-6 h-6 text-fg-subtle"
689
+
class="i-carbon:png w-6 h-6 text-fg-subtle"
690
690
style="pointer-events: none"
691
691
aria-hidden="true"
692
692
/>
693
693
</template>
694
694
<template #optionSvg>
695
695
<span
696
-
class="i-carbon-svg w-6 h-6 text-fg-subtle"
696
+
class="i-carbon:svg w-6 h-6 text-fg-subtle"
697
697
style="pointer-events: none"
698
698
aria-hidden="true"
699
699
/>
···
701
701
702
702
<template #annotator-action-close>
703
703
<span
704
-
class="i-carbon-close w-6 h-6 text-fg-subtle"
704
+
class="i-carbon:close w-6 h-6 text-fg-subtle"
705
705
style="pointer-events: none"
706
706
aria-hidden="true"
707
707
/>
708
708
</template>
709
709
<template #annotator-action-color="{ color }">
710
-
<span class="i-carbon-color-palette w-6 h-6" :style="{ color }" aria-hidden="true" />
710
+
<span class="i-carbon:color-palette w-6 h-6" :style="{ color }" aria-hidden="true" />
711
711
</template>
712
712
<template #annotator-action-undo>
713
713
<span
714
-
class="i-carbon-undo w-6 h-6 text-fg-subtle"
714
+
class="i-carbon:undo w-6 h-6 text-fg-subtle"
715
715
style="pointer-events: none"
716
716
aria-hidden="true"
717
717
/>
718
718
</template>
719
719
<template #annotator-action-redo>
720
720
<span
721
-
class="i-carbon-redo w-6 h-6 text-fg-subtle"
721
+
class="i-carbon:redo w-6 h-6 text-fg-subtle"
722
722
style="pointer-events: none"
723
723
aria-hidden="true"
724
724
/>
725
725
</template>
726
726
<template #annotator-action-delete>
727
727
<span
728
-
class="i-carbon-trash-can w-6 h-6 text-fg-subtle"
728
+
class="i-carbon:trash-can w-6 h-6 text-fg-subtle"
729
729
style="pointer-events: none"
730
730
aria-hidden="true"
731
731
/>
···
733
733
<template #optionAnnotator="{ isAnnotator }">
734
734
<span
735
735
v-if="isAnnotator"
736
-
class="i-carbon-edit-off w-6 h-6 text-fg-subtle"
736
+
class="i-carbon:edit-off w-6 h-6 text-fg-subtle"
737
737
style="pointer-events: none"
738
738
aria-hidden="true"
739
739
/>
740
740
<span
741
741
v-else
742
-
class="i-carbon-edit w-6 h-6 text-fg-subtle"
742
+
class="i-carbon:edit w-6 h-6 text-fg-subtle"
743
743
style="pointer-events: none"
744
744
aria-hidden="true"
745
745
/>
···
762
762
v-if="pending"
763
763
role="status"
764
764
aria-live="polite"
765
-
class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-xs text-fg-subtle font-mono bg-bg/70 backdrop-blur px-3 py-2 rounded-md border border-border"
765
+
class="absolute top-1/2 inset-is-1/2 -translate-x-1/2 -translate-y-1/2 text-xs text-fg-subtle font-mono bg-bg/70 backdrop-blur px-3 py-2 rounded-md border border-border"
766
766
>
767
767
{{ $t('package.downloads.loading') }}
768
768
</div>