Skip to content

Commit 76d496d

Browse files
fix: cap link-wrapped icon images at 110x110 so /documentation /community landing pages don't render giant thumbnails
The PNGs under /uploads/documentation and /uploads/community are authored as link-wrapped icon thumbnails on the original Joomla landing pages -- but the actual source files are ~459x459 even when the filename advertises 110x110, so the default \`max-width: 100%\` let them swell to the full content-column width on the new site (each "For Users" / "For Developers" / "Citing us" module was literally hundreds of pixels tall). Targets only \`.page-body a > img:only-child\` (an image inside an otherwise-empty link, which is the icon-thumbnail convention). Content images that sit on their own outside a link keep the existing 100% behaviour.
1 parent ed605c8 commit 76d496d

1 file changed

Lines changed: 14 additions & 0 deletions

File tree

projects/website-angular/src/app/page/page.component.scss

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,20 @@
33
max-width: 100%;
44
height: auto;
55
}
6+
7+
// Link-wrapped images on MDX landing pages are icon thumbnails
8+
// (e.g. the For Users / For Developers / Citing us modules on
9+
// /documentation). The source PNGs are ~459x459 even when their
10+
// filename advertises 110x110, so the default max-width: 100%
11+
// lets them dominate the page. Cap link-only image children at a
12+
// sensible thumbnail size and centre them; legitimately wide
13+
// content images (no surrounding link) keep the original behaviour.
14+
::ng-deep a > img:only-child {
15+
display: block;
16+
max-width: 110px;
17+
max-height: 110px;
18+
margin: 0 auto;
19+
}
620
}
721

822
.page-content {

0 commit comments

Comments
 (0)