Fix search widget: remove stray border line, reduce height
- Remove header border-bottom for search widget in all states - Fix 10 dead CSS references to widgetCardEditMode → widgetEditing - Reduce minimum grid height from 5 to 3 rows - Reduce default creation height from 12 to 7 rows Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -33,7 +33,7 @@ const widgetCatalog: Record<WidgetType, WidgetDefaults> = {
|
|||||||
search: {
|
search: {
|
||||||
title: "Suche",
|
title: "Suche",
|
||||||
w: 16,
|
w: 16,
|
||||||
h: 12
|
h: 7
|
||||||
},
|
},
|
||||||
calendar: {
|
calendar: {
|
||||||
title: "Kalender",
|
title: "Kalender",
|
||||||
|
|||||||
+14
-10
@@ -20,8 +20,12 @@
|
|||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.app .widgetCard-search .widgetHeader {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Normalmodus: kein leerer Titelbereich */
|
/* Normalmodus: kein leerer Titelbereich */
|
||||||
.app .widgetCard-search:not(.widgetCardEditMode) .widgetHeader {
|
.app .widgetCard-search:not(.widgetEditing) .widgetHeader {
|
||||||
height: 0 !important;
|
height: 0 !important;
|
||||||
min-height: 0 !important;
|
min-height: 0 !important;
|
||||||
max-height: 0 !important;
|
max-height: 0 !important;
|
||||||
@@ -31,7 +35,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Bearbeitungsmodus: Header bleibt fuer Griff und Menue vorhanden */
|
/* Bearbeitungsmodus: Header bleibt fuer Griff und Menue vorhanden */
|
||||||
.app .widgetCard-search.widgetCardEditMode .widgetHeader {
|
.app .widgetCard-search.widgetEditing .widgetHeader {
|
||||||
height: 26px !important;
|
height: 26px !important;
|
||||||
min-height: 26px !important;
|
min-height: 26px !important;
|
||||||
max-height: 26px !important;
|
max-height: 26px !important;
|
||||||
@@ -68,7 +72,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Normalmodus: Suchzeile in kompletter Widgetflaeche zentrieren */
|
/* Normalmodus: Suchzeile in kompletter Widgetflaeche zentrieren */
|
||||||
.app .widgetCard-search:not(.widgetCardEditMode) .widgetContent {
|
.app .widgetCard-search:not(.widgetEditing) .widgetContent {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
inset: 0 !important;
|
inset: 0 !important;
|
||||||
width: auto !important;
|
width: auto !important;
|
||||||
@@ -82,7 +86,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Bearbeitungsmodus: unterhalb Header zentrieren, Resize-Ecke freihalten */
|
/* Bearbeitungsmodus: unterhalb Header zentrieren, Resize-Ecke freihalten */
|
||||||
.app .widgetCard-search.widgetCardEditMode .widgetContent {
|
.app .widgetCard-search.widgetEditing .widgetContent {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
inset: 26px 0 0 0 !important;
|
inset: 26px 0 0 0 !important;
|
||||||
width: auto !important;
|
width: auto !important;
|
||||||
@@ -192,7 +196,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Im Bearbeitungsmodus muss der Header als Menü-/Griff-Zone sichtbar bleiben */
|
/* Im Bearbeitungsmodus muss der Header als Menü-/Griff-Zone sichtbar bleiben */
|
||||||
.app .widgetCard-search.widgetCardEditMode .widgetHeader {
|
.app .widgetCard-search.widgetEditing .widgetHeader {
|
||||||
position: relative !important;
|
position: relative !important;
|
||||||
z-index: 50 !important;
|
z-index: 50 !important;
|
||||||
height: 26px !important;
|
height: 26px !important;
|
||||||
@@ -205,7 +209,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Menü explizit sichtbar und über dem Suchformular */
|
/* Menü explizit sichtbar und über dem Suchformular */
|
||||||
.app .widgetCard-search.widgetCardEditMode .widgetMenu {
|
.app .widgetCard-search.widgetEditing .widgetMenu {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
top: 2px !important;
|
top: 2px !important;
|
||||||
@@ -216,7 +220,7 @@
|
|||||||
pointer-events: auto !important;
|
pointer-events: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app .widgetCard-search.widgetCardEditMode .widgetMenuButton {
|
.app .widgetCard-search.widgetEditing .widgetMenuButton {
|
||||||
display: inline-flex !important;
|
display: inline-flex !important;
|
||||||
visibility: visible !important;
|
visibility: visible !important;
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
@@ -225,7 +229,7 @@
|
|||||||
|
|
||||||
/* Dropdown über allem und scrollbar */
|
/* Dropdown über allem und scrollbar */
|
||||||
.app .widgetCard-search.widgetCardMenuOpen,
|
.app .widgetCard-search.widgetCardMenuOpen,
|
||||||
.app .widgetCard-search.widgetCardEditMode.widgetCardMenuOpen {
|
.app .widgetCard-search.widgetEditing.widgetCardMenuOpen {
|
||||||
overflow: visible !important;
|
overflow: visible !important;
|
||||||
z-index: 2000 !important;
|
z-index: 2000 !important;
|
||||||
}
|
}
|
||||||
@@ -241,13 +245,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Content darf das Menü nicht überdecken */
|
/* Content darf das Menü nicht überdecken */
|
||||||
.app .widgetCard-search.widgetCardEditMode .widgetContent {
|
.app .widgetCard-search.widgetEditing .widgetContent {
|
||||||
z-index: 1 !important;
|
z-index: 1 !important;
|
||||||
pointer-events: auto !important;
|
pointer-events: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* FINAL FIX: Such-Widget behält einheitliche Widget-Chrome.
|
/* FINAL FIX: Such-Widget behält einheitliche Widget-Chrome.
|
||||||
Ursache: vorherige Regeln haben den Header abhängig von widgetCardEditMode versteckt.
|
Ursache: vorherige Regeln haben den Header abhängig von widgetEditing versteckt.
|
||||||
Diese Regeln nutzen den tatsächlich vorhandenen Menü-/Drag-Button als Edit-Indikator. */
|
Diese Regeln nutzen den tatsächlich vorhandenen Menü-/Drag-Button als Edit-Indikator. */
|
||||||
|
|
||||||
/* Sobald Menü oder Griff existieren, ist das Widget im Bearbeitungszustand:
|
/* Sobald Menü oder Griff existieren, ist das Widget im Bearbeitungszustand:
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ function clamp(value: number, min: number, max: number): number {
|
|||||||
|
|
||||||
function getWidgetMinimumSize(widget: DashboardGridWidget): { minW: number; minH: number } {
|
function getWidgetMinimumSize(widget: DashboardGridWidget): { minW: number; minH: number } {
|
||||||
if (widget.type === "search") {
|
if (widget.type === "search") {
|
||||||
return { minW: 8, minH: 5 };
|
return { minW: 8, minH: 3 };
|
||||||
}
|
}
|
||||||
|
|
||||||
if (widget.type === "clock") {
|
if (widget.type === "clock") {
|
||||||
|
|||||||
Reference in New Issue
Block a user