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:
+14
-10
@@ -20,8 +20,12 @@
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.app .widgetCard-search .widgetHeader {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/* Normalmodus: kein leerer Titelbereich */
|
||||
.app .widgetCard-search:not(.widgetCardEditMode) .widgetHeader {
|
||||
.app .widgetCard-search:not(.widgetEditing) .widgetHeader {
|
||||
height: 0 !important;
|
||||
min-height: 0 !important;
|
||||
max-height: 0 !important;
|
||||
@@ -31,7 +35,7 @@
|
||||
}
|
||||
|
||||
/* Bearbeitungsmodus: Header bleibt fuer Griff und Menue vorhanden */
|
||||
.app .widgetCard-search.widgetCardEditMode .widgetHeader {
|
||||
.app .widgetCard-search.widgetEditing .widgetHeader {
|
||||
height: 26px !important;
|
||||
min-height: 26px !important;
|
||||
max-height: 26px !important;
|
||||
@@ -68,7 +72,7 @@
|
||||
}
|
||||
|
||||
/* Normalmodus: Suchzeile in kompletter Widgetflaeche zentrieren */
|
||||
.app .widgetCard-search:not(.widgetCardEditMode) .widgetContent {
|
||||
.app .widgetCard-search:not(.widgetEditing) .widgetContent {
|
||||
position: absolute !important;
|
||||
inset: 0 !important;
|
||||
width: auto !important;
|
||||
@@ -82,7 +86,7 @@
|
||||
}
|
||||
|
||||
/* Bearbeitungsmodus: unterhalb Header zentrieren, Resize-Ecke freihalten */
|
||||
.app .widgetCard-search.widgetCardEditMode .widgetContent {
|
||||
.app .widgetCard-search.widgetEditing .widgetContent {
|
||||
position: absolute !important;
|
||||
inset: 26px 0 0 0 !important;
|
||||
width: auto !important;
|
||||
@@ -192,7 +196,7 @@
|
||||
}
|
||||
|
||||
/* Im Bearbeitungsmodus muss der Header als Menü-/Griff-Zone sichtbar bleiben */
|
||||
.app .widgetCard-search.widgetCardEditMode .widgetHeader {
|
||||
.app .widgetCard-search.widgetEditing .widgetHeader {
|
||||
position: relative !important;
|
||||
z-index: 50 !important;
|
||||
height: 26px !important;
|
||||
@@ -205,7 +209,7 @@
|
||||
}
|
||||
|
||||
/* Menü explizit sichtbar und über dem Suchformular */
|
||||
.app .widgetCard-search.widgetCardEditMode .widgetMenu {
|
||||
.app .widgetCard-search.widgetEditing .widgetMenu {
|
||||
display: block !important;
|
||||
position: absolute !important;
|
||||
top: 2px !important;
|
||||
@@ -216,7 +220,7 @@
|
||||
pointer-events: auto !important;
|
||||
}
|
||||
|
||||
.app .widgetCard-search.widgetCardEditMode .widgetMenuButton {
|
||||
.app .widgetCard-search.widgetEditing .widgetMenuButton {
|
||||
display: inline-flex !important;
|
||||
visibility: visible !important;
|
||||
opacity: 1 !important;
|
||||
@@ -225,7 +229,7 @@
|
||||
|
||||
/* Dropdown über allem und scrollbar */
|
||||
.app .widgetCard-search.widgetCardMenuOpen,
|
||||
.app .widgetCard-search.widgetCardEditMode.widgetCardMenuOpen {
|
||||
.app .widgetCard-search.widgetEditing.widgetCardMenuOpen {
|
||||
overflow: visible !important;
|
||||
z-index: 2000 !important;
|
||||
}
|
||||
@@ -241,13 +245,13 @@
|
||||
}
|
||||
|
||||
/* Content darf das Menü nicht überdecken */
|
||||
.app .widgetCard-search.widgetCardEditMode .widgetContent {
|
||||
.app .widgetCard-search.widgetEditing .widgetContent {
|
||||
z-index: 1 !important;
|
||||
pointer-events: auto !important;
|
||||
}
|
||||
|
||||
/* 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. */
|
||||
|
||||
/* Sobald Menü oder Griff existieren, ist das Widget im Bearbeitungszustand:
|
||||
|
||||
Reference in New Issue
Block a user