diff --git a/CHANGELOG.md b/CHANGELOG.md index cdf89968..6636bf97 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,12 @@ All notable changes to this project will be documented in this file. The format - "Lifting" objectives are now also allowed during the creation flow, not only when edited. +### Changed + +- Drag and drop ordering of measurements and key results are now triggered by + using a specific handle (the "drag icon"). This prevents accidental dragging, + especially on mobile devices. + ### Breaking changes - The API endpoint for listing KPIs (measurements) now uses cursor-based diff --git a/src/components/KeyResultLinkCard.vue b/src/components/KeyResultLinkCard.vue index 697ac34e..0c7d2175 100644 --- a/src/components/KeyResultLinkCard.vue +++ b/src/components/KeyResultLinkCard.vue @@ -15,6 +15,7 @@ {{ title }} +
@@ -56,6 +57,10 @@ export default { required: false, default: null, }, + draggable: { + type: Boolean, + default: false, + }, active: { type: Boolean, default: false, @@ -95,6 +100,16 @@ export default { justify-content: space-between; } + .drag-icon { + --fg-color: var(--color-grayscale-30); + cursor: move; + + ::v-deep svg { + height: 0.875rem; + min-height: 0.875rem; + } + } + .item-tag { display: flex; justify-content: end; diff --git a/src/components/KpiWidgetGroup.vue b/src/components/KpiWidgetGroup.vue index 4e938381..bf348f61 100644 --- a/src/components/KpiWidgetGroup.vue +++ b/src/components/KpiWidgetGroup.vue @@ -24,7 +24,12 @@
- + diff --git a/src/components/widgets/WidgetKpiCard/WidgetKpiCard.vue b/src/components/widgets/WidgetKpiCard/WidgetKpiCard.vue index cc43a0c9..71a06c5e 100644 --- a/src/components/widgets/WidgetKpiCard/WidgetKpiCard.vue +++ b/src/components/widgets/WidgetKpiCard/WidgetKpiCard.vue @@ -170,6 +170,7 @@ export default { .drag-icon { --fg-color: var(--color-grayscale-30); + cursor: move; ::v-deep svg { height: 0.875rem;