From bc4bc65af745a87420166a2e3526a7f9f149b6f6 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Tue, 10 Jun 2025 11:12:22 -0500
Subject: [PATCH] Adjust field styles

---
 app/assets/stylesheets/inputs.css                | 4 ++++
 app/views/collections/edit/_publication.html.erb | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/inputs.css b/app/assets/stylesheets/inputs.css
index 6b412707b..69587c795 100644
--- a/app/assets/stylesheets/inputs.css
+++ b/app/assets/stylesheets/inputs.css
@@ -30,6 +30,10 @@
       filter: var(--hover-filter);
       box-shadow: 0 0 0 var(--hover-size) var(--hover-color);
     }
+
+    &:where([disabled]):not(:hover):not(:active) {
+      filter: none;
+    }
   }
 
   .input--file {
diff --git a/app/views/collections/edit/_publication.html.erb b/app/views/collections/edit/_publication.html.erb
index 3a3175342..82a6f3f10 100644
--- a/app/views/collections/edit/_publication.html.erb
+++ b/app/views/collections/edit/_publication.html.erb
@@ -16,8 +16,8 @@
         <span class="txt-large"><%= icon_tag "world" %></span>
       </div>
 
-      <div class="flex align-center gap margin-block">
-        <%= text_field_tag :publication_url, published_collection_url(collection), disabled: true, class: "full-width input" %>
+      <div class="flex align-center gap-half margin-block">
+        <%= text_field_tag :publication_url, published_collection_url(collection), disabled: true, class: "full-width input fill-white" %>
         <div class="flex align-center justify-center gap-half">
         <%= button_to_copy_to_clipboard(published_collection_url(collection)) do %>
             <%= icon_tag "copy-paste" %>