claude/kochwas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(filter): Trigger streckt sich auf volle Container-Höhe
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 1m17s
Details

Browse Source 
Der .wrap-Div zwischen .search-box und .trigger war display:block, was
align-self:stretch am Trigger komplett neutralisiert hat — Button war
nur 16px hoch in einem 52px-Container. Playwright hat das klar gezeigt.

- .wrap:has(.trigger.inline) wird jetzt zu display:flex, damit der
  Trigger darin überhaupt ein Flex-Item ist.
- .trigger.inline bekommt height:100% statt sich auf align-self zu
  verlassen.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-18 08:59:21 +02:00
parent c87196cd67
commit 272935034d
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/SearchFilter.svelte
View File

@@ -177,14 +177,18 @@
} }
/* In der Suchmaske: kein eigener Rahmen/Hintergrund, der Container drumherum /* In der Suchmaske: kein eigener Rahmen/Hintergrund, der Container drumherum
trägt die visuelle Form. Hover füllt die volle Container-Höhe. */ trägt die visuelle Form. Hover füllt die volle Container-Höhe. */
.wrap:has(.trigger.inline) {
display: flex;
align-items: stretch;
}
.trigger.inline { .trigger.inline {
background: transparent; background: transparent;
border: 0; border: 0;
border-right: 1px solid #e4eae7; border-right: 1px solid #e4eae7;
border-radius: 0; border-radius: 0;
padding: 0 0.85rem 0 0.65rem; padding: 0 0.85rem 0 0.65rem;
align-self: stretch;
min-height: 0; min-height: 0;
height: 100%;
} }
.trigger.inline:first-child { .trigger.inline:first-child {
border-top-left-radius: 12px; border-top-left-radius: 12px;