schalli/personal-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Center drag handle at top of all widgets and fix dead edit-mode CSS

Browse Source 
- Position drag handle at left: 50% with translateX(-50%) instead of
  left: 6px so it appears centered at the top of every widget
- Fix widget-density.css referencing non-existent class widgetCardEditMode
  (the actual class is widgetEditing), which caused edit-mode header
  padding adjustments to never apply

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Claude
2026-06-20 11:45:42 +02:00
parent d277789aa6
commit 88614b080a
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/globals.css
+2 -1
View File
@@ -3116,7 +3116,8 @@ button:disabled {
.widgetDragHandle { .widgetDragHandle {
position: absolute !important; position: absolute !important;
top: 5px !important; top: 5px !important;
left: 7px !important; left: 50% !important;
transform: translateX(-50%) !important;
z-index: 80 !important; z-index: 80 !important;
width: 20px !important; width: 20px !important;
height: 22px !important; height: 22px !important;
src/app/widget-density.css
+8 -7
View File
@@ -20,7 +20,7 @@
box-sizing: border-box !important; box-sizing: border-box !important;
} }
.app .widgetCard.widgetCardEditMode .widgetHeader { .app .widgetCard.widgetEditing .widgetHeader {
padding-left: 31px !important; padding-left: 31px !important;
padding-right: 32px !important; padding-right: 32px !important;
} }
@@ -66,7 +66,7 @@
padding: 0 !important; padding: 0 !important;
} }
.app .widgetCard-clock.widgetCardEditMode .widgetHeader { .app .widgetCard-clock.widgetEditing .widgetHeader {
height: 24px !important; height: 24px !important;
min-height: 24px !important; min-height: 24px !important;
} }
@@ -78,7 +78,8 @@
/* Griff und Menü kleiner */ /* Griff und Menü kleiner */
.app .widgetDragHandle { .app .widgetDragHandle {
top: 2px !important; top: 2px !important;
left: 6px !important; left: 50% !important;
transform: translateX(-50%) !important;
width: 20px !important; width: 20px !important;
height: 20px !important; height: 20px !important;
} }
@@ -377,7 +378,7 @@
overflow: visible !important; overflow: visible !important;
} }
.app .widgetCard-clock.widgetCardEditMode .widgetHeader { .app .widgetCard-clock.widgetEditing .widgetHeader {
height: 24px !important; height: 24px !important;
min-height: 24px !important; min-height: 24px !important;
max-height: 24px !important; max-height: 24px !important;
@@ -393,7 +394,7 @@
overflow: visible !important; overflow: visible !important;
} }
.app .widgetCard-clock.widgetCardEditMode .widgetContent { .app .widgetCard-clock.widgetEditing .widgetContent {
height: calc(100% - 24px) !important; height: calc(100% - 24px) !important;
padding-top: 2px !important; padding-top: 2px !important;
} }
@@ -437,7 +438,7 @@
overflow: hidden !important; overflow: hidden !important;
} }
.app .widgetCard-clock.widgetCardEditMode .widgetContent { .app .widgetCard-clock.widgetEditing .widgetContent {
height: calc(100% - 24px) !important; height: calc(100% - 24px) !important;
padding: 0 !important; padding: 0 !important;
} }
@@ -459,7 +460,7 @@
overflow: hidden !important; overflow: hidden !important;
} }
.app .widgetCard-clock.widgetCardEditMode .widgetContent { .app .widgetCard-clock.widgetEditing .widgetContent {
height: calc(100% - 24px) !important; height: calc(100% - 24px) !important;
padding: 0 !important; padding: 0 !important;
} }