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

Zecken-Icon neu: großer Körper, kurze Beine, display:inline fix, SW by-v326

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

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

@ -1,20 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
<!-- Mundwerkzeuge (Cheliceren) -->
<ellipse cx="128" cy="46" rx="9" ry="22"/>
<!-- Kopf (Capitulum) -->
<ellipse cx="128" cy="88" rx="36" ry="32"/>
<!-- Körper (Abdomen) -->
<ellipse cx="128" cy="174" rx="72" ry="68"/>
<!-- Beinpaar 1 (oben) -->
<path d="M93,112 Q58,82 22,66" fill="none" stroke="currentColor" stroke-width="13" stroke-linecap="round"/>
<path d="M163,112 Q198,82 234,66" fill="none" stroke="currentColor" stroke-width="13" stroke-linecap="round"/>
<!-- Beinpaar 2 -->
<path d="M90,134 Q50,118 16,110" fill="none" stroke="currentColor" stroke-width="13" stroke-linecap="round"/>
<path d="M166,134 Q206,118 240,110" fill="none" stroke="currentColor" stroke-width="13" stroke-linecap="round"/>
<!-- Beinpaar 3 -->
<path d="M88,156 Q46,152 12,152" fill="none" stroke="currentColor" stroke-width="13" stroke-linecap="round"/>
<path d="M168,156 Q210,152 244,152" fill="none" stroke="currentColor" stroke-width="13" 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"/>
<!-- Kopf -->
<ellipse cx="128" cy="68" rx="26" ry="22"/>
<!-- Körper (dominiert das Icon) -->
<ellipse cx="128" cy="158" rx="88" ry="80"/>
<!-- Beine links: kurz, am Körper ansetzend -->
<path d="M52,120 Q20,106 8,94" fill="none" stroke="currentColor" stroke-width="14" stroke-linecap="round"/>
<path d="M44,142 Q12,136 2,132" fill="none" stroke="currentColor" stroke-width="14" stroke-linecap="round"/>
<path d="M44,164 Q12,162 2,162" fill="none" stroke="currentColor" stroke-width="14" stroke-linecap="round"/>
<path d="M52,184 Q22,192 10,204" fill="none" stroke="currentColor" stroke-width="14" stroke-linecap="round"/>
<!-- Beine rechts (gespiegelt) -->
<path d="M204,120 Q236,106 248,94" fill="none" stroke="currentColor" stroke-width="14" stroke-linecap="round"/>
<path d="M212,142 Q244,136 254,132" fill="none" stroke="currentColor" stroke-width="14" stroke-linecap="round"/>
<path d="M212,164 Q244,162 254,162" fill="none" stroke="currentColor" stroke-width="14" stroke-linecap="round"/>
<path d="M204,184 Q234,192 246,204" fill="none" stroke="currentColor" stroke-width="14" stroke-linecap="round"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Before After
Before After

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

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

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

@ -1530,7 +1530,7 @@ window.Page_map = (() => {
let zecken = '';
if (w.zecken_warnung) {
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: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>`;
zecken = ` · <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="${col}" style="display:inline;width:14px;height:14px;vertical-align:-2px" title="Zeckenrisiko ${w.zecken_warnung}"><ellipse cx="128" cy="68" rx="26" ry="22"/><ellipse cx="128" cy="158" rx="88" ry="80"/><path d="M52,120 Q20,106 8,94" fill="none" stroke="${col}" stroke-width="14" stroke-linecap="round"/><path d="M44,142 Q12,136 2,132" fill="none" stroke="${col}" stroke-width="14" stroke-linecap="round"/><path d="M44,164 Q12,162 2,162" fill="none" stroke="${col}" stroke-width="14" stroke-linecap="round"/><path d="M52,184 Q22,192 10,204" fill="none" stroke="${col}" stroke-width="14" stroke-linecap="round"/><path d="M204,120 Q236,106 248,94" fill="none" stroke="${col}" stroke-width="14" stroke-linecap="round"/><path d="M212,142 Q244,136 254,132" fill="none" stroke="${col}" stroke-width="14" stroke-linecap="round"/><path d="M212,164 Q244,162 254,162" fill="none" stroke="${col}" stroke-width="14" stroke-linecap="round"/><path d="M204,184 Q234,192 246,204" fill="none" stroke="${col}" stroke-width="14" stroke-linecap="round"/></svg>`;
}
info.innerHTML = `${icon} ${temp} ${w.desc}${regen}${zecken}`;
info.classList.remove('map-weather-chip--hidden');

2
backend/static/sw.js
View file

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