diff options
| author | Lester Caine <lester@lsces.co.uk> | 2026-06-18 09:42:17 +0100 |
|---|---|---|
| committer | Lester Caine <lester@lsces.co.uk> | 2026-06-18 09:42:17 +0100 |
| commit | 3fb7ad9655d9e4658674d3d03ce8a1637af821a8 (patch) | |
| tree | 0f629b9ca18b26cdb438021c3c6f1d6a5fc5015f | |
| parent | 43ee6312f206bda8ca8f854e981f496ce8e3cd00 (diff) | |
| download | themes-3fb7ad9655d9e4658674d3d03ce8a1637af821a8.tar.gz themes-3fb7ad9655d9e4658674d3d03ce8a1637af821a8.tar.bz2 themes-3fb7ad9655d9e4658674d3d03ce8a1637af821a8.zip | |
Add .fisheye-flow flex layout for auto_flow gallery
Flex container with flex-wrap:wrap replaces the float+clear approach.
Col-* items are flex children (float ignored), rows automatically
equal-height. Gallery-box and gallery-img chain stretches to fill.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
| -rw-r--r-- | css/config.css | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/css/config.css b/css/config.css index 55508a5..c827872 100644 --- a/css/config.css +++ b/css/config.css @@ -592,3 +592,20 @@ ul.data li.item:last-child { content: none !important; } } + +.fisheye-flow { + display: flex; + flex-wrap: wrap; +} +.fisheye-flow > [class*="col-"] { + display: flex; + flex-direction: column; +} +.fisheye-flow .gallery-box { + display: flex; + flex-direction: column; + flex: 1; +} +.fisheye-flow .gallery-img { + flex: 1; +} |
