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

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

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: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.classList.remove('map-weather-chip--hidden');