torsten/yourpart3
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

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.

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-01-30 13:38:35 +01:00
parent 3870f34ef8
commit 752686e3e1
1 changed files with 0 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/src/views/home/LoggedInView.vue
View File

@@ -64,15 +64,6 @@
@drop.prevent="onAnyDrop($event)" @drop.prevent="onAnyDrop($event)"
> >
<template v-for="(w, index) in widgets" :key="w.id"> <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 <div
class="dashboard-grid-cell" class="dashboard-grid-cell"
:data-drop-index="index" :data-drop-index="index"
@@ -111,15 +102,6 @@
</button> </button>
</div> </div>
</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> </template>
</div> </div>
@@ -442,21 +424,6 @@ export default {
opacity: 0.5; 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 { .dashboard-widget-edit {
min-height: 200px; min-height: 200px;
padding: 12px; padding: 12px;