From 55926a84f286d4a558b5f653813f3b806a2024da Mon Sep 17 00:00:00 2001 From: kgva CMS Date: Tue, 11 Aug 2026 23:09:17 +0000 Subject: [PATCH] fix: peek column images now use a fixed 3:2 crop, matching the portfolio-index preview MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit plans and photos have wildly different natural aspect ratios (a 46x31in A0 detail plan next to a 3:2 photo), so the peek box was jumping size on every hover. now uses the same aspect-ratio:3/2 + object-fit:cover treatment as the portfolio-index preview it already mirrors in position/width — stays a fixed size regardless of what is hovered. --- assets/css/custom.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/assets/css/custom.css b/assets/css/custom.css index 67f07b2..e9922c6 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -275,11 +275,14 @@ body:not(.home) .menu { display: none; } pointer-events: none; } .proj-peek.is-visible { opacity: 1; visibility: visible; } + /* same fixed shape as the portfolio-index preview (.tui__preview img above) + — a plan and a photo have wildly different natural ratios, so without + this the peek box would jump size on every hover */ .proj-peek img { width: 100%; + aspect-ratio: 3 / 2; + object-fit: cover; height: auto; - max-height: 70vh; - object-fit: contain; display: block; margin: 0; }