Fix: Karte — Locate-Button CSS explizit (#fff, Inline-SVG statt Sprite-Use)
This commit is contained in:
parent
a0e1a26bd2
commit
50ec181dba
4 changed files with 16 additions and 14 deletions
|
|
@ -1461,18 +1461,20 @@ textarea.form-control {
|
||||||
padding: var(--space-1) var(--space-3);
|
padding: var(--space-1) var(--space-3);
|
||||||
}
|
}
|
||||||
.places-locate-btn {
|
.places-locate-btn {
|
||||||
font-size: 1.3rem;
|
width: 40px;
|
||||||
width: 38px;
|
height: 40px;
|
||||||
height: 38px;
|
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: var(--c-surface);
|
background: #fff;
|
||||||
border: 1.5px solid var(--c-border);
|
color: #333;
|
||||||
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
|
box-shadow: 0 2px 8px rgba(0,0,0,0.25);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
.places-locate-btn:hover { background: #f0f0f0; }
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
ROUTEN — Komoot-Stil (routes.js)
|
ROUTEN — Komoot-Stil (routes.js)
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
Router, State-Management, Navigation, Initialisierung.
|
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 = (() => {
|
const App = (() => {
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -139,7 +139,7 @@ window.Page_places = (() => {
|
||||||
L.Control.Locate = L.Control.extend({
|
L.Control.Locate = L.Control.extend({
|
||||||
onAdd() {
|
onAdd() {
|
||||||
const btn = L.DomUtil.create('button', 'places-locate-btn');
|
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.title = 'Meinen Standort';
|
||||||
btn.onclick = async () => {
|
btn.onclick = async () => {
|
||||||
try {
|
try {
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
Offline-Cache + Push Notifications + Tile-Cache
|
Offline-Cache + Push Notifications + Tile-Cache
|
||||||
============================================================ */
|
============================================================ */
|
||||||
|
|
||||||
const CACHE_VERSION = 'by-v117';
|
const CACHE_VERSION = 'by-v118';
|
||||||
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
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue