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:
parent
e39f5e8226
commit
7e79688af3
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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)) {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue