[Suggérer une modification]" overlay shown once a section is focused (see showFocusedToolbar() in sections-overview-map.js) — the button is disabled, an inert placeholder for a future geometry- editing feature, not functional yet. */ .evq-overview-focused-toolbar { position: absolute; top: 10px; right: 10px; z-index: 1000; display: flex; align-items: center; gap: 10px; max-width: calc( 100% - 20px ); padding: 8px 12px; border: 1px solid var( --evq-border ); border-radius: var( --evq-radius ); background: var( --evq-bg ); box-shadow: 0 2px 8px var( --evq-shadow ); font-size: 13px; color: var( --evq-text ); } .evq-overview-focused-toolbar strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .evq-overview-suggest-edit-btn { all: unset; box-sizing: border-box; flex-shrink: 0; padding: 4px 10px !important; border: 1px solid var( --evq-border ) !important; border-radius: 999px !important; font-size: 12px !important; color: var( --evq-muted ) !important; background: var( --evq-bg-subtle ) !important; cursor: not-allowed; white-space: nowrap; } /* Leaflet's own .leaflet-tooltip, themed to match the rest of this plugin instead of Leaflet's stock white-on-white default — the first hover- tooltip in this codebase (every other map interaction elsewhere is click-to-open-popup only, see sections-overview-map.js's own top doc comment for why this map introduces the pattern). */ .evq-overview-tooltip { background: var( --evq-bg ) !important; color: var( --evq-text ) !important; border: 1px solid var( --evq-border ) !important; border-radius: 6px !important; padding: 4px 8px !important; font-size: 12px !important; box-shadow: 0 2px 8px var( --evq-shadow ) !important; } /* Leaflet gives every interactive vector layer (a river silhouette, a section line) tabindex="0" for keyboard accessibility, which means a click also gives it the browser's own default focus ring — on an SVG that renders as a plain black rectangle around the element's bounding box, not around its actual (thin, curved) shape, which reads as a stray "square" appearing on click (reported live). Suppressed here since sections-overview-map.js already draws its own deliberate highlight (the orange focus color, in both focusSection() and focusRiver()) — that's the real, intentional focus indicator; the browser's bounding-box one on top of it was never wanted. */ #evq-overview-map .leaflet-interactive:focus { outline: none; }