refining/climperor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.6.6: size drawer from hero grid; drop skill video side bars.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
voson
2026-07-30 17:20:51 +08:00
co-authored by Cursor
parent 22a9cf256d
commit 43e8409c0e
9 changed files with 77 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/frontend/style.css
+9 -9
View File
@@ -478,9 +478,10 @@ body.detail-drawer-open .hero-role-toolbar {
}
/* In-flow bottom drawer: height animates so the tagbar above is pushed up.
Fallback reserves ~topbar + hero strip + role tags; JS may override --detail-fixed-h in px. */
Fallback leaves room for a full hero grid; JS sets --detail-fixed-h from
measured #columns height (skills tab does not drive drawer height). */
.detail-drawer {
--detail-fixed-h: min(640px, calc(100dvh - 17.5rem));
--detail-fixed-h: min(640px, calc(100dvh - 26rem));
flex: 0 0 auto;
position: relative;
z-index: 2;
@@ -1795,18 +1796,17 @@ body.detail-drawer-open {
max-width: none;
flex: 1 1 0;
}
/* Official demos are 16:9. Prefer a real widescreen frame (grow toward
720px / ~58% when the inspect column has room); never cover-crop sides.
Height follows width via aspect-ratio, capped by the panel so tall
#detail no longer stretches the box into a near-square. */
/* Official demos are 16:9. Size within max-width + max-height while keeping
aspect-ratio (do not force width — a short drawer used to clamp height and
leave pillarbox black bars). Never cover-crop sides. */
.skill-info-video {
flex: 0 1 auto;
align-self: center;
min-width: 220px;
min-width: 0;
min-height: 0;
width: min(720px, 58%);
max-width: min(720px, 58%);
width: auto;
height: auto;
max-width: min(720px, 58%);
max-height: 100%;
aspect-ratio: 16 / 9;
object-fit: contain;