fix(vwb): capture plein écran — retirer height:0 + wrapper flex
Some checks failed
security-audit / Bandit (scan statique) (push) Successful in 12s
security-audit / pip-audit (CVE dépendances) (push) Successful in 9s
security-audit / Scan secrets (grep) (push) Successful in 7s
tests / Lint (ruff + black) (push) Successful in 14s
tests / Tests unitaires (sans GPU) (push) Failing after 12s
tests / Tests sécurité (critique) (push) Has been skipped
Some checks failed
security-audit / Bandit (scan statique) (push) Successful in 12s
security-audit / pip-audit (CVE dépendances) (push) Successful in 9s
security-audit / Scan secrets (grep) (push) Successful in 7s
tests / Lint (ruff + black) (push) Successful in 14s
tests / Tests unitaires (sans GPU) (push) Failing after 12s
tests / Tests sécurité (critique) (push) Has been skipped
Le conteneur .fullscreen-content avait height:0 + min-height:0 qui écrasait la hauteur du flex child → image minuscule. Le wrapper inline-block limitait aussi le dimensionnement. Fix : overflow:hidden sans height forcée, wrapper en flex 100%. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -545,14 +545,14 @@ function FullscreenSelector({
|
||||
onMouseUp={handleMouseUp}
|
||||
>
|
||||
{/* Conteneur relatif pour positionner les bboxes et la sélection par rapport à l'image */}
|
||||
<div style={{ position: 'relative', display: 'inline-block', maxWidth: '100%', maxHeight: '100%' }}>
|
||||
<div style={{ position: 'relative', display: 'flex', alignItems: 'center', justifyContent: 'center', width: '100%', height: '100%' }}>
|
||||
<img
|
||||
ref={imgRef}
|
||||
src={b64ImgSrc(capture.screenshot_base64)}
|
||||
alt="Capture plein écran"
|
||||
draggable={false}
|
||||
onLoad={handleImageLoad}
|
||||
style={{ display: 'block', maxWidth: '100%', maxHeight: 'calc(100vh - 60px)', objectFit: 'contain' }}
|
||||
style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }}
|
||||
/>
|
||||
|
||||
{/* Overlay des éléments détectés — visible dans tous les modes */}
|
||||
|
||||
@@ -1083,10 +1083,8 @@ body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: auto;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
height: 0;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.fullscreen-content img {
|
||||
|
||||
Reference in New Issue
Block a user