diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 74f9d19243..254c6385b7 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -452,7 +452,7 @@ The command palette is a first-class navigation surface. When you add a new user ### Cursor and navigation -**npmx** uses `cursor: pointer` only for links to match users’ everyday experience. For all other interactive elements, including buttons, use the default cursor (_or another appropriate cursor to indicate state_). +**npmx** uses `cursor: pointer` for links and buttons to match users’ everyday experience. For all other interactive elements, use the default cursor (_or another appropriate cursor to indicate state_). > [!NOTE] > A link is any element that leads to another content (_go to another page, authorize_) diff --git a/app/components/Button/Base.vue b/app/components/Button/Base.vue index 1a142b193f..48997ac550 100644 --- a/app/components/Button/Base.vue +++ b/app/components/Button/Base.vue @@ -44,7 +44,7 @@ defineExpose({ @@ -44,7 +48,11 @@ onPrehydrate(el => { {{ $t('search.instant_search_off') }} diff --git a/app/components/Package/TimelineChart.vue b/app/components/Package/TimelineChart.vue index 87e600e86d..bc783bca74 100644 --- a/app/components/Package/TimelineChart.vue +++ b/app/components/Package/TimelineChart.vue @@ -411,6 +411,7 @@ const config = computed(() => { }, }), }, + useCursorPointer: true, }, zoom: { show: settings.value.timelineChart.showZoom, diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue index 2185d9d9b6..8f4e189419 100644 --- a/app/components/Package/TrendsChart.vue +++ b/app/components/Package/TrendsChart.vue @@ -1460,6 +1460,7 @@ const chartConfig = computed(() => { }, }), }, + useCursorPointer: true, }, grid: { position: 'start', diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue index 950dd38f29..9565ab6962 100644 --- a/app/components/Package/VersionDistribution.vue +++ b/app/components/Package/VersionDistribution.vue @@ -238,6 +238,7 @@ const chartConfig = computed(() => { }, }), }, + useCursorPointer: true, }, grid: { stroke: colors.value.border,