fix(wiki-nesting-ROOT-CAUSE): banner Cartographie non-fermé → wiki dans banner
Some checks failed
WEVAL NonReg / nonreg (push) Has been cancelled

CAUSE RACINE IDENTIFIÉE:
Le banner position:fixed bottom:20px right:20px (Cartographie live)
navait PAS de </div> fermant après </a>.
Résultat: TOUTES les cards wiki étaient rendues DEDANS le banner.
-> narrow column (12-18px padding du banner)
-> text stacké verticalement 1 mot/ligne
-> vast black space left/center (banner bottom-right only)

FIX appliqué:
1. Fermeture du div banner: </a>[]</div> (insertion balise)
2. Ajout bouton X close sur le banner:
   - button aria-label Fermer
   - onclick display:none + localStorage persist
   - design cercle rouge rgba(239,68,68) premium
3. Banner id=wtp-carto-banner pour ciblage futur
4. Auto-hide si localStorage wtp-carto-banner-hidden=1

RESOLUTION doctrine user:
- PAS DE CHEVAUCHEMENT:  banner is now a small button not a container
- X SUPPRIMER SUR BANNER:  cercle × rouge ajouté
- IMBRICATION WIKI:  causa racine éliminée (était le banner non-fermé)

Zero régression · GOLD backup /opt/wevads/vault/gold_wiki_NEST_FIX_*.html
File size 90445 → 91083 (+638 bytes)
This commit is contained in:
Opus Wire
2026-04-21 15:07:07 +02:00
parent 1db9357827
commit 27cbf333a0

View File

@@ -142,11 +142,14 @@ fetch('/api/ecosystem-health.php').then(r=>r.text().then(t=>{/* HTML_GUARD_V2_BA
</script>
<!-- CARTO_REMOVED -->
<!-- CARTO_BANNER_V1 -->
<div style="position:fixed;bottom:20px;right:20px;z-index:9999;background:linear-gradient(135deg,#141931,#2d1b5e);border:1px solid #64ffda;border-radius:12px;padding:12px 18px;box-shadow:0 4px 20px rgba(100,255,218,.3);font-family:-apple-system,Segoe UI,sans-serif;font-size:13px">
<div id="wtp-carto-banner" style="position:fixed;bottom:20px;right:20px;z-index:9999;background:linear-gradient(135deg,#141931,#2d1b5e);border:1px solid #64ffda;border-radius:12px;padding:12px 18px;box-shadow:0 4px 20px rgba(100,255,218,.3);font-family:-apple-system,Segoe UI,sans-serif;font-size:13px;display:flex;align-items:center;gap:10px">
<a href="/cartographie-screens.html" style="color:#64ffda;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:8px" title="Cartographie exhaustive de tous les ecrans live">
<span style="font-size:18px">&#128506;</span> Cartographie live
<span id="carto-banner-count" style="color:#8892b0;font-size:11px">3914 ecrans</span>
</a>
<button onclick="this.parentElement.style.display='none';try{localStorage.setItem('wtp-carto-banner-hidden','1')}catch(e){}" aria-label="Fermer" style="background:rgba(239,68,68,.18);color:#ef4444;border:1px solid rgba(239,68,68,.35);border-radius:50%;width:22px;height:22px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1">×</button>
</div>
<script>try{if(localStorage.getItem('wtp-carto-banner-hidden')==='1'){document.getElementById('wtp-carto-banner').style.display='none'}}catch(e){}</script>
<div class="card wiki-item" data-tags="opus46-20260416224136"><h2 style="border:0;margin:0;padding:0">inventaire 3914 8) save vault GOLD session-archive-prep-17av</h2><div style="color:#94a3b8;font-size:10px;margin-top:6px">inventaire 3914 8) save vault GOLD session-archive-prep-17avr.gold 9) NonReg apres. Tu rapportes chaque etape avec status reel REUSSI ou ECHEC pas un plan.<br><span style="color:#06b6d4">[16/04 22:41]</span></div></div>
<div class="card wiki-item" data-tags="opus46-20260416232245"><h2 style="border:0;margin:0;padding:0">AUDIT LINKEDIN+ARCHI déployé widget banner sur 3 pages + int</h2><div style="color:#94a3b8;font-size:10px;margin-top:6px">AUDIT LINKEDIN+ARCHI déployé widget banner sur 3 pages + intents WEVIA Master wired L99 304/304<br><span style="color:#06b6d4">[16/04 23:22]</span></div></div>
<div class="card wiki-item" data-tags="opus46-20260416233748"><h2 style="border:0;margin:0;padding:0">Wave 2 posts linkedin générés 6 piliers déployés preview pag</h2><div style="color:#94a3b8;font-size:10px;margin-top:6px">Wave 2 posts linkedin générés 6 piliers déployés preview page live<br><span style="color:#06b6d4">[16/04 23:37]</span></div></div>