From c32c6af76520f410ec8a9bee79ae1e5bbc0ff979 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Mon, 26 May 2025 17:21:02 -0500
Subject: [PATCH] Style caption input

---
 Gemfile.lock                                 |  2 +-
 app/assets/stylesheets/rich-text-content.css | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/Gemfile.lock b/Gemfile.lock
index d4fe9a493..c1f23cb81 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,6 +1,6 @@
 GIT
   remote: https://github.com/basecamp/actiontext-lexical.git
-  revision: 580f16e45e6d0a052c084cf1b42b3a73c06bc1c7
+  revision: f2300462f0dd968fdb82f774a6646bc91dee8a5f
   branch: initial
   specs:
     actiontext-lexical (0.1.0)
diff --git a/app/assets/stylesheets/rich-text-content.css b/app/assets/stylesheets/rich-text-content.css
index 548852e4e..ea7be0776 100644
--- a/app/assets/stylesheets/rich-text-content.css
+++ b/app/assets/stylesheets/rich-text-content.css
@@ -79,6 +79,18 @@
         justify-content: center;
         margin: var(--block-space-half) var(--inline-space);
         text-align: center;
+
+        .input {
+          inline-size: 100%;
+          max-inline-size: 100%;
+          text-align: center;
+
+          @supports (field-sizing: content) {
+            field-sizing: content;
+            inline-size: auto;
+            min-inline-size: 20ch;
+          }
+        }
       }
 
       :where(a) {