fix: z-index layering - cards above pins + bump v0.0017

- Compact cards (petites cartes): z-index 100 base, 200 on hover
- Simple pins (pointeurs): z-index 2 base, 150 on hover
- Cards always render above pins now

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Sociowire Dev 2026-01-13 05:09:39 +00:00
parent e39f5e8226
commit 7e79688af3
2 changed files with 4 additions and 4 deletions

View File

@ -251,7 +251,7 @@ export default function App() {
<footer className="sw-footer"> <footer className="sw-footer">
<div className="sw-footer-inner"> <div className="sw-footer-inner">
<div className="sw-footer-brand">SOCIOWIRE</div> <div className="sw-footer-brand">SOCIOWIRE</div>
<div className="sw-footer-brand">© Sociowire v0.0016</div> <div className="sw-footer-brand">© Sociowire v0.0017</div>
<div id="sw-weather-debug" style={{color: '#0ea5e9', fontSize: '10px'}}></div> <div id="sw-weather-debug" style={{color: '#0ea5e9', fontSize: '10px'}}></div>
<nav className="sw-footer-nav" aria-label="Site"> <nav className="sw-footer-nav" aria-label="Site">
<a href="/">{t('nav.home')}</a> <a href="/">{t('nav.home')}</a>

View File

@ -2140,7 +2140,7 @@ export function createMarkerForPost(post, mapRef, markersRef, expandedElRef, the
root.classList.add("sw-appear"); root.classList.add("sw-appear");
requestAnimationFrame(() => root.classList.add("sw-appear-in")); requestAnimationFrame(() => root.classList.add("sw-appear-in"));
root.className = "post-pin post-pin--compact"; root.className = "post-pin post-pin--compact";
root.style.zIndex = "1"; root.style.zIndex = "100";
root.__post = post; root.__post = post;
function unmountIfAny() { function unmountIfAny() {
@ -2153,7 +2153,7 @@ export function createMarkerForPost(post, mapRef, markersRef, expandedElRef, the
function renderCompact() { function renderCompact() {
if (!root.__swCompactReady) { if (!root.__swCompactReady) {
root.className = "post-pin post-pin--compact sw-appear sw-appear-in"; root.className = "post-pin post-pin--compact sw-appear sw-appear-in";
root.style.zIndex = "1"; root.style.zIndex = "100";
// Add connecting line if offset is significant // Add connecting line if offset is significant
// DISABLED: No longer using pixel offsets // DISABLED: No longer using pixel offsets
@ -2190,7 +2190,7 @@ export function createMarkerForPost(post, mapRef, markersRef, expandedElRef, the
root.style.zIndex = "200"; root.style.zIndex = "200";
}); });
root.addEventListener("mouseleave", () => { root.addEventListener("mouseleave", () => {
root.style.zIndex = "1"; root.style.zIndex = "100";
}); });
if (HEATMAP_ENABLED && isClusterMainPost(post)) { if (HEATMAP_ENABLED && isClusterMainPost(post)) {