Remove unused drag-and-drop indicators in LoggedInView: Eliminate placeholder elements and associated styles for drop zones to streamline the widget rearrangement interface. This change simplifies the code and enhances clarity in the drag-and-drop functionality.

This commit is contained in:
Torsten Schulz (local)
2026-01-30 13:38:35 +01:00
parent 3870f34ef8
commit 752686e3e1

View File

@@ -64,15 +64,6 @@
@drop.prevent="onAnyDrop($event)"
>
<template v-for="(w, index) in widgets" :key="w.id">
<!-- Platzhalter vor dem Widget: Einfügen an index -->
<div
v-if="dragOverIndex === index && draggedIndex !== null && draggedIndex !== index"
class="dashboard-grid-cell dashboard-drop-indicator"
:data-drop-index="index"
@dragover.prevent="setDropTarget(index)"
>
<div class="drop-indicator-line"></div>
</div>
<div
class="dashboard-grid-cell"
:data-drop-index="index"
@@ -111,15 +102,6 @@
</button>
</div>
</div>
<!-- Am Ende: sichtbare Drop-Zone beim Ziehen -->
<div
v-if="draggedIndex !== null"
class="dashboard-grid-cell dashboard-drop-indicator"
:data-drop-index="widgets.length"
@dragover.prevent="() => setDropTarget(widgets.length)"
>
<div class="drop-indicator-line"></div>
</div>
</template>
</div>
@@ -442,21 +424,6 @@ export default {
opacity: 0.5;
}
.dashboard-drop-indicator {
display: flex;
align-items: center;
justify-content: center;
min-height: 0;
padding: 8px 0;
}
.drop-indicator-line {
width: 100%;
height: 2px;
background-color: #0d6efd;
border-radius: 1px;
}
.dashboard-widget-edit {
min-height: 200px;
padding: 12px;