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

Enhance drag-and-drop functionality in Dashboard: Update styles for dragging state in DashboardWidget, including opacity and box-shadow adjustments. Improve LoggedInView by adding drop indicators for better user experience during widget rearrangement. Refactor drag-and-drop logic to maintain visual cues and ensure smoother interactions.

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-01-30 10:30:07 +01:00
parent 8fd15614af
commit 3999b17e88
2 changed files with 70 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/DashboardWidget.vue
View File

@@ -264,10 +264,13 @@ export default {
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
overflow: hidden;
transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.dashboard-widget.is-dragging {
opacity: 0.7;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
opacity: 0.5;
box-shadow: 0 8px 24px rgba(0,0,0,0.25);
transform: rotate(2deg);
cursor: grabbing;
}
.dashboard-widget__titlebar {