diff options
| author | erdgeist <erdgeist@erdgeist.org> | 2026-07-14 04:25:14 +0200 |
|---|---|---|
| committer | erdgeist <erdgeist@erdgeist.org> | 2026-07-14 04:25:14 +0200 |
| commit | 6b302d263ac66b521a743f1e8e1cc82997b54b5d (patch) | |
| tree | fd0cb52a9de403628763608d36f6d0778e22ac77 /public/stylesheets/ccc.css | |
| parent | e0f2394fd0816ef03bf4b928ab9fa5a18c32ffda (diff) | |
Add chapter images: thumbnail on the list, headline image on the detail page
_chapter.html.erb (the aggregator partial used by the erfas/
chaostreffs overview pages) never rendered an image at all --
editors attaching a hackerspace photo via the asset picker would see
zero visible effect on exactly the pages they'd check first.
chapter_detail.html.erb (the individual page template) had the same
gap. Both fixed by reusing existing infrastructure rather than
inventing anything: the overview list gets a small, aspect-preserving
:thumb image beside the heading; the detail page gets the app's
existing headline_image helper, the same one every other full-page
template already uses.
Diffstat (limited to 'public/stylesheets/ccc.css')
| -rw-r--r-- | public/stylesheets/ccc.css | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/public/stylesheets/ccc.css b/public/stylesheets/ccc.css index fe2144fd..bb4f7e3b 100644 --- a/public/stylesheets/ccc.css +++ b/public/stylesheets/ccc.css | |||
| @@ -610,3 +610,20 @@ label[for=light-mode] { | |||
| 610 | } | 610 | } |
| 611 | } | 611 | } |
| 612 | 612 | ||
| 613 | .chapter_partial_layout { | ||
| 614 | display: flex; | ||
| 615 | gap: 12px; | ||
| 616 | align-items: flex-start; | ||
| 617 | } | ||
| 618 | |||
| 619 | .chapter_thumbnail img { | ||
| 620 | width: 64px; | ||
| 621 | height: 64px; | ||
| 622 | object-fit: cover; | ||
| 623 | border-radius: 4px; | ||
| 624 | display: block; | ||
| 625 | } | ||
| 626 | |||
| 627 | .chapter_partial_content { | ||
| 628 | min-width: 0; | ||
| 629 | } | ||
