rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UX: Routen-Header aufgeräumt — 3 saubere Zeilen, einheitliche Buttons

Browse source
This commit is contained in:
rene 2026-04-19 12:05:14 +02:00
parent 26bcd07f84
commit 98dd5d74ee
3 changed files with 49 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

45
backend/static/css/components.css
View file

@ -2047,23 +2047,50 @@ html.modal-open {
outline: none;
}
.rk-search:focus { border-color: var(--c-primary); }
.rk-rec-btn {
white-space: nowrap;
flex-shrink: 0;
}
.rk-rec-btn--active {
animation: rec-pulse 1.2s ease-in-out infinite;
}
/* Filter-Panel (aufklappbar) */
.rk-filter-toggle-btn {
position: relative;
flex-shrink: 0;
/* Einheitliche Aktions-Buttons (Filter / Import / Aufzeichnen) */
.rk-action-btn {
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
padding: var(--space-2) var(--space-3);
min-height: 40px;
font-size: var(--text-sm);
font-weight: var(--weight-semibold);
border: 1.5px solid var(--c-border);
border-radius: var(--radius-md);
background: var(--c-surface);
color: var(--c-text);
cursor: pointer;
white-space: nowrap;
transition: background var(--transition-fast), border-color var(--transition-fast);
-webkit-tap-highlight-color: transparent;
}
.rk-filter-toggle-btn.active {
.rk-action-btn:hover { background: var(--c-surface-2); }
.rk-action-btn:active { background: var(--c-border); }
.rk-action-btn--primary {
background: var(--c-primary);
border-color: var(--c-primary);
color: #fff;
}
.rk-action-btn--primary:hover { background: var(--c-primary-dark); }
.rk-action-btn--danger {
background: var(--c-danger);
border-color: var(--c-danger);
color: #fff;
}
/* Filter-Panel (aufklappbar) */
.rk-filter-toggle-btn.active {
background: var(--c-primary-subtle);
border-color: var(--c-primary);
color: var(--c-primary);
}
.rk-filter-badge {
position: absolute;
top: 2px;