kibi/f0ckm
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

fix image expansion

Browse Source
This commit is contained in:
Kibi Kelburton
2026-05-24 20:41:24 +02:00
parent 503c131f0b
commit 5ce2371b41
2 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
public/s/css/f0ckm.css
View File

@@ -1735,18 +1735,19 @@ body.sidebar-right-hidden .global-sidebar-right {
overflow-y: scroll;
}
/* When image is expanded: switch to flex column so image height pushes metadata below it */
/* When image is expanded: flex column so metadata stays below the image */
body.layout-modern .item-layout-container .item-main-content:has(.embed-responsive.is-expanded) {
display: flex;
flex-direction: column;
align-items: center;
}
/* Prevent flex children from shrinking inside the fixed-height container —
without this they compress to fit and the image overflows visually */
/* flex-shrink: 0 prevents children from compressing to fit the fixed-height container.
align-self: center overrides the grid-mode "align-self: start" rules — in flex-column
"start" means left, not top, so we explicitly center instead. */
body.layout-modern .item-layout-container .item-main-content:has(.embed-responsive.is-expanded) > * {
flex-shrink: 0;
width: 100%;
align-self: center;
}
body.layout-modern .item-layout-container .item-main-content ._204863 {