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

Zecken-Icon ohne Dreieck, kein Text, Statusleiste einzeilig (nowrap), SW by-v325

Browse source
This commit is contained in:
rene 2026-04-24 08:17:48 +02:00
parent 78d0f4289a
commit acd93e83e6
5 changed files with 25 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2720,6 +2720,9 @@ html.modal-open {
color: var(--c-text-secondary); color: var(--c-text-secondary);
box-shadow: 0 1px 4px rgba(0,0,0,0.1); box-shadow: 0 1px 4px rgba(0,0,0,0.1);
max-width: calc(100% - 80px); /* Platz für FABs */ max-width: calc(100% - 80px); /* Platz für FABs */
flex-wrap: nowrap;
white-space: nowrap;
overflow: hidden;
pointer-events: none; pointer-events: none;
} }

34
backend/static/icons/tick-warning.svg
View file

@ -1,18 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
<!-- Warndreieck (Phosphor-Stil) --> <!-- Mundwerkzeuge (Cheliceren) -->
<path d="M236.8,188.09L149.6,36.22a24.76,24.76,0,0,0-43.2,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09Zm-13.87,16.2a8.34,8.34,0,0,1-7.48,4.71H40.55a8.34,8.34,0,0,1-7.48-4.71,7.5,7.5,0,0,1,0-7.72l87.2-151.87a8.75,8.75,0,0,1,15.44,0l87.2,151.87A7.5,7.5,0,0,1,222.93,204.29Z"/> <ellipse cx="128" cy="46" rx="9" ry="22"/>
<!-- Zecke: Kopf (Capitulum) --> <!-- Kopf (Capitulum) -->
<ellipse cx="128" cy="145" rx="13" ry="11"/> <ellipse cx="128" cy="88" rx="36" ry="32"/>
<!-- Zecke: Körper (Abdomen) --> <!-- Körper (Abdomen) -->
<ellipse cx="128" cy="178" rx="30" ry="23"/> <ellipse cx="128" cy="174" rx="72" ry="68"/>
<!-- Beine links (4 Paare) --> <!-- Beinpaar 1 (oben) -->
<line x1="100" y1="163" x2="76" y2="155" stroke="currentColor" stroke-width="8" stroke-linecap="round"/> <path d="M93,112 Q58,82 22,66" fill="none" stroke="currentColor" stroke-width="13" stroke-linecap="round"/>
<line x1="100" y1="173" x2="73" y2="171" stroke="currentColor" stroke-width="8" stroke-linecap="round"/> <path d="M163,112 Q198,82 234,66" fill="none" stroke="currentColor" stroke-width="13" stroke-linecap="round"/>
<line x1="100" y1="183" x2="75" y2="185" stroke="currentColor" stroke-width="8" stroke-linecap="round"/> <!-- Beinpaar 2 -->
<line x1="100" y1="193" x2="79" y2="201" stroke="currentColor" stroke-width="8" stroke-linecap="round"/> <path d="M90,134 Q50,118 16,110" fill="none" stroke="currentColor" stroke-width="13" stroke-linecap="round"/>
<!-- Beine rechts (gespiegelt) --> <path d="M166,134 Q206,118 240,110" fill="none" stroke="currentColor" stroke-width="13" stroke-linecap="round"/>
<line x1="156" y1="163" x2="180" y2="155" stroke="currentColor" stroke-width="8" stroke-linecap="round"/> <!-- Beinpaar 3 -->
<line x1="156" y1="173" x2="183" y2="171" stroke="currentColor" stroke-width="8" stroke-linecap="round"/> <path d="M88,156 Q46,152 12,152" fill="none" stroke="currentColor" stroke-width="13" stroke-linecap="round"/>
<line x1="156" y1="183" x2="181" y2="185" stroke="currentColor" stroke-width="8" stroke-linecap="round"/> <path d="M168,156 Q210,152 244,152" fill="none" stroke="currentColor" stroke-width="13" stroke-linecap="round"/>
<line x1="156" y1="193" x2="177" y2="201" stroke="currentColor" stroke-width="8" stroke-linecap="round"/> <!-- Beinpaar 4 (unten) -->
<path d="M90,176 Q50,186 20,198" fill="none" stroke="currentColor" stroke-width="13" stroke-linecap="round"/>
<path d="M166,176 Q206,186 236,198" fill="none" stroke="currentColor" stroke-width="13" stroke-linecap="round"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Before After
Before After

2
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung. Router, State-Management, Navigation, Initialisierung.
============================================================ */ ============================================================ */
const APP_VER = '312'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen const APP_VER = '313'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const App = (() => { const App = (() => {

2
backend/static/js/pages/map.js
View file

@ -1530,7 +1530,7 @@ window.Page_map = (() => {
let zecken = ''; let zecken = '';
if (w.zecken_warnung) { if (w.zecken_warnung) {
const col = w.zecken_warnung === 'hoch' ? '#991B1B' : '#92400E'; const col = w.zecken_warnung === 'hoch' ? '#991B1B' : '#92400E';
zecken = ` · <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="${col}" style="width:13px;height:13px;vertical-align:-2px;flex-shrink:0"><path d="M236.8,188.09L149.6,36.22a24.76,24.76,0,0,0-43.2,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09Zm-13.87,16.2a8.34,8.34,0,0,1-7.48,4.71H40.55a8.34,8.34,0,0,1-7.48-4.71,7.5,7.5,0,0,1,0-7.72l87.2-151.87a8.75,8.75,0,0,1,15.44,0l87.2,151.87A7.5,7.5,0,0,1,222.93,204.29Z"/><ellipse cx="128" cy="145" rx="13" ry="11"/><ellipse cx="128" cy="178" rx="30" ry="23"/><line x1="100" y1="163" x2="76" y2="155" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="100" y1="173" x2="73" y2="171" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="100" y1="183" x2="75" y2="185" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="100" y1="193" x2="79" y2="201" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="156" y1="163" x2="180" y2="155" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="156" y1="173" x2="183" y2="171" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="156" y1="183" x2="181" y2="185" stroke="${col}" stroke-width="8" stroke-linecap="round"/><line x1="156" y1="193" x2="177" y2="201" stroke="${col}" stroke-width="8" stroke-linecap="round"/></svg> <span style="color:${col}">Zecken</span>`; zecken = ` · <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="${col}" style="width:15px;height:15px;vertical-align:-3px;flex-shrink:0" title="Zeckenrisiko ${w.zecken_warnung}"><ellipse cx="128" cy="46" rx="9" ry="22"/><ellipse cx="128" cy="88" rx="36" ry="32"/><ellipse cx="128" cy="174" rx="72" ry="68"/><path d="M93,112 Q58,82 22,66" fill="none" stroke="${col}" stroke-width="13" stroke-linecap="round"/><path d="M163,112 Q198,82 234,66" fill="none" stroke="${col}" stroke-width="13" stroke-linecap="round"/><path d="M90,134 Q50,118 16,110" fill="none" stroke="${col}" stroke-width="13" stroke-linecap="round"/><path d="M166,134 Q206,118 240,110" fill="none" stroke="${col}" stroke-width="13" stroke-linecap="round"/><path d="M88,156 Q46,152 12,152" fill="none" stroke="${col}" stroke-width="13" stroke-linecap="round"/><path d="M168,156 Q210,152 244,152" fill="none" stroke="${col}" stroke-width="13" stroke-linecap="round"/><path d="M90,176 Q50,186 20,198" fill="none" stroke="${col}" stroke-width="13" stroke-linecap="round"/><path d="M166,176 Q206,186 236,198" fill="none" stroke="${col}" stroke-width="13" stroke-linecap="round"/></svg>`;
} }
info.innerHTML = `${icon} ${temp} ${w.desc}${regen}${zecken}`; info.innerHTML = `${icon} ${temp} ${w.desc}${regen}${zecken}`;
info.classList.remove('map-weather-chip--hidden'); info.classList.remove('map-weather-chip--hidden');

2
backend/static/sw.js
View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache Offline-Cache + Push Notifications + Tile-Cache
============================================================ */ ============================================================ */
const CACHE_VERSION = 'by-v324'; const CACHE_VERSION = 'by-v325';
const CACHE_STATIC = `${CACHE_VERSION}-static`; const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten