From 24446afba7477cdd9e7a632e130ceee8a22d85fe Mon Sep 17 00:00:00 2001
From: Zoltan Hosszu <zoltan@37signals.com>
Date: Tue, 17 Mar 2026 10:39:40 +0100
Subject: [PATCH] Image gallery size fixes

---
 app/assets/stylesheets/attachments.css |  5 ++---
 app/assets/stylesheets/lexxy.css       | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/attachments.css b/app/assets/stylesheets/attachments.css
index 85dc7652d..8e3808ec5 100644
--- a/app/assets/stylesheets/attachments.css
+++ b/app/assets/stylesheets/attachments.css
@@ -3,8 +3,8 @@
     block-size: auto;
     display: block;
     inline-size: fit-content;
-    position: relative;
     max-inline-size: 100%;
+    position: relative;
 
     progress {
       inline-size: 100%;
@@ -35,8 +35,7 @@
 
       @supports (field-sizing: content) {
         field-sizing: content;
-        inline-size: auto;
-        min-inline-size: 20ch;
+        inline-size: 100%;
       }
     }
   }
diff --git a/app/assets/stylesheets/lexxy.css b/app/assets/stylesheets/lexxy.css
index 8fb7658ee..aaf634710 100644
--- a/app/assets/stylesheets/lexxy.css
+++ b/app/assets/stylesheets/lexxy.css
@@ -188,4 +188,18 @@
   .attachment {
     margin-inline: 0;
   }
+
+  .attachment-gallery {
+    .attachment {
+      display: inline-block;
+      inline-size: calc(33.333% - 0.8ch);
+    }
+
+    &.attachment-gallery--2,
+    &.attachment-gallery--4 {
+      .attachment {
+        inline-size: calc(50% - 0.8ch);
+      }
+    }
+  }
 }