gitmedia/presseportale
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

Fix: fehlendes .search-wrap-Styling (Suchfeld in /admin/me/firmen unsichtbar)

Browse source 
Die Firmen-Toolbar nutzt .search-wrap fuer das Suchfeld, aber die Klasse war
in keinem CSS definiert -> das Feld hatte weder Hintergrund noch Border und
war kaum erkennbar. Styling ergaenzt (weisser Card-Hintergrund #ffffff,
gleiche Border/Radius wie .filter-chip, focus-within-Highlight), damit es
sich konsistent in die Filterleiste einfuegt. Dark-Mode ueber die Tokens.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Kevin Adametz 2026-07-01 08:49:19 +00:00
parent af15e84984
commit f3a9c423dc
1 changed files with 37 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

37
resources/css/shared/hub-components.css
View file

@ -590,6 +590,43 @@
opacity: 0.55;
}
/* ============================================================
* Such-Feld (Icon + Input als Pille) – Toolbar-Suche
* Gleiche Optik wie .filter-chip (weißer Card-Hintergrund, Border),
* damit das Feld in der Filterleiste klar erkennbar ist.
* ============================================================ */
.search-wrap {
display: flex;
align-items: center;
gap: 7px;
flex: 1 1 240px;
padding: 6px 12px;
background: var(--color-bg-card);
border: 1px solid var(--color-hub-soft-2);
border-radius: 4px;
transition: border-color 0.15s;
}
.search-wrap:focus-within {
border-color: var(--color-hub);
}
.search-wrap .ico {
color: var(--color-ink-3);
flex-shrink: 0;
}
.search-wrap input {
flex: 1;
min-width: 0;
padding: 0;
border: 0;
background: transparent;
outline: none;
font-size: 12.5px;
color: var(--color-ink);
}
.search-wrap input::placeholder {
color: var(--color-ink-3);
}
/* ============================================================
* Active-Chips (entfernbare Filter-Anzeige)
* ============================================================ */