summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorLester Caine <lester@lsces.co.uk>2026-06-18 09:42:17 +0100
committerLester Caine <lester@lsces.co.uk>2026-06-18 09:42:17 +0100
commit3fb7ad9655d9e4658674d3d03ce8a1637af821a8 (patch)
tree0f629b9ca18b26cdb438021c3c6f1d6a5fc5015f
parent43ee6312f206bda8ca8f854e981f496ce8e3cd00 (diff)
downloadthemes-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.css17
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;
+}