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;