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

Fix: Routen-Header exakte Höhen — height:46px statt min-height, View-Toggle 44×44px quadratisch

Browse source
This commit is contained in:
rene 2026-04-19 12:31:32 +02:00
parent 385b4540b3
commit 390176383f
1 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
backend/static/js/pages/routes.js
View file

@ -123,14 +123,15 @@ window.Page_routes = (() => {
<div style="display:flex;border:1.5px solid var(--c-border);border-radius:10px;
overflow:hidden;flex-shrink:0;height:46px">
<button id="rk-view-list" title="Liste"
style="padding:0 14px;border:none;cursor:pointer;font-size:14px;
style="width:44px;height:44px;border:none;cursor:pointer;
display:flex;align-items:center;justify-content:center;
background:${_viewMode==='list' ? 'var(--c-primary)' : 'var(--c-surface)'};
color:${_viewMode==='list' ? '#fff' : 'var(--c-text-secondary)'}">
${UI.icon('list')}
</button>
<button id="rk-view-map" title="Karte"
style="padding:0 14px;border:none;border-left:1.5px solid var(--c-border);
cursor:pointer;font-size:14px;
style="width:44px;height:44px;border:none;border-left:1.5px solid var(--c-border);
cursor:pointer;display:flex;align-items:center;justify-content:center;
background:${_viewMode==='map' ? 'var(--c-primary)' : 'var(--c-surface)'};
color:${_viewMode==='map' ? '#fff' : 'var(--c-text-secondary)'}">
${UI.icon('map-trifold')}
@ -747,10 +748,10 @@ window.Page_routes = (() => {
// Button-Hilfsfunktion für Header-Buttons (cache-unabhängig)
const _btnStyle = (primary = false) =>
`flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;` +
`padding:11px 16px;min-height:46px;font-size:14px;font-weight:600;` +
`height:46px;padding:0 16px;font-size:14px;font-weight:600;` +
`border-radius:10px;border:1.5px solid ${primary ? 'var(--c-primary)' : 'var(--c-border)'};` +
`background:${primary ? 'var(--c-primary)' : 'var(--c-surface)'};` +
`color:${primary ? '#fff' : 'var(--c-text)'};white-space:nowrap;`;
`color:${primary ? '#fff' : 'var(--c-text)'};white-space:nowrap;box-sizing:border-box;`;
// Pill-Hilfsfunktionen (inline styles — unabhängig vom CSS-Cache)
const _pillStyle = (bg, color, border) =>