Fix: Karte — Locate-Button CSS explizit (#fff, Inline-SVG statt Sprite-Use)

This commit is contained in:
rene 2026-04-17 10:16:09 +02:00
parent a0e1a26bd2
commit 50ec181dba
4 changed files with 16 additions and 14 deletions

View file

@ -1461,18 +1461,20 @@ textarea.form-control {
padding: var(--space-1) var(--space-3);
}
.places-locate-btn {
font-size: 1.3rem;
width: 38px;
height: 38px;
border-radius: 50%;
background: var(--c-surface);
border: 1.5px solid var(--c-border);
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
color: #333;
border: 2px solid rgba(0,0,0,0.2);
box-shadow: 0 2px 8px rgba(0,0,0,0.25);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin: 10px;
}
.places-locate-btn:hover { background: #f0f0f0; }
/* ============================================================
ROUTEN Komoot-Stil (routes.js)

View file

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

View file

@ -139,7 +139,7 @@ window.Page_places = (() => {
L.Control.Locate = L.Control.extend({
onAdd() {
const btn = L.DomUtil.create('button', 'places-locate-btn');
btn.innerHTML = '<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#map-pin"></use></svg>';
btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M128,16a96,96,0,1,0,96,96A96.11,96.11,0,0,0,128,16Zm0,176a80,80,0,1,1,80-80A80.09,80.09,0,0,1,128,192Zm0-120a40,40,0,1,0,40,40A40,40,0,0,0,128,72Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,136Z"/></svg>';
btn.title = 'Meinen Standort';
btn.onclick = async () => {
try {

View file

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