From 4391b36d45d51eb5f4f04e91de257d30c48077c3 Mon Sep 17 00:00:00 2001 From: william Date: Wed, 2 Sep 2026 19:08:45 +0200 Subject: [PATCH] =?UTF-8?q?Fix=20miniature=20de=20carte=20"=F0=9F=A7=A9=20?= =?UTF-8?q?Collision"=20=C3=A9chapp=C3=A9e=20du=20cadre?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit render_scene_object.py pose un positionnement en pixels absolus pensé pour le canevas de scène (position:absolute, left/top/width/height en dur, coordonnées d'origine de l'objet) — réinjecté tel quel comme simple miniature 40×40 dans la carte, l'image se plaçait à ses coordonnées de scène d'origine au lieu de rester dans son cadre. Écrase ces styles en !important côté miniature seulement. Co-Authored-By: Claude Sonnet 5 --- static/style.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/static/style.css b/static/style.css index 930f00bd..a158bbc6 100644 --- a/static/style.css +++ b/static/style.css @@ -690,11 +690,19 @@ body.builderBody > main.content{ flex:1 1 auto; min-height:0; overflow:hidden; d .collisionRuleCard:hover{ transform:translateY(-3px); box-shadow:0 10px 26px rgba(0,0,0,.28); } .collisionRuleCardHeader{ display:flex; align-items:center; gap:10px; margin-bottom:12px; } .collisionRuleCardThumb{ - width:40px; height:40px; border-radius:10px; overflow:hidden; background:var(--panel2); + position:relative; width:40px; height:40px; border-radius:10px; overflow:hidden; background:var(--panel2); display:flex; align-items:center; justify-content:center; flex-shrink:0; border:1px solid var(--border); box-shadow:inset 0 0 0 2px rgba(255,255,255,.03); } -.collisionRuleCardThumb img{ max-width:100%; max-height:100%; object-fit:contain; } +/* obj["rendered_html"] (render_scene_object.py) porte un positionnement en + PIXELS ABSOLUS pensé pour le canevas de scène (position:absolute, + left/top/width/height en dur) — réinjecté tel quel ici comme simple + miniature, donc écrasé en !important pour rester DANS le cadre 40×40 + plutôt que de s'échapper à ses coordonnées de scène d'origine. */ +.collisionRuleCardThumb img{ + position:static !important; left:auto !important; top:auto !important; + width:100% !important; height:100% !important; max-width:100%; max-height:100%; object-fit:contain; +} .collisionRuleCardTitle{ margin:0; font-size:15px; font-weight:700; } .collisionRuleCardRules{ display:flex; flex-direction:column; gap:10px; margin-bottom:14px; }