From 2bbf120e2f9547d263cff01c5a6f5990fda71dec Mon Sep 17 00:00:00 2001
From: Pieter Beulque <pieterbeulque@gmail.com>
Date: Sat, 13 Apr 2024 14:49:48 +0200
Subject: [PATCH] Use `placeholder-shown:` for reduced opacity (#615)

---
 app/assets/stylesheets/application.tailwind.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
index 5cb8dd623c..b70d32446c 100644
--- a/app/assets/stylesheets/application.tailwind.css
+++ b/app/assets/stylesheets/application.tailwind.css
@@ -42,8 +42,9 @@
   }
 
   .form-field__input {
-    @apply p-3 w-full bg-transparent border-none opacity-50;
+    @apply p-3 w-full bg-transparent border-none opacity-100;
     @apply focus:outline-none focus:ring-0 focus:opacity-100;
+    @apply placeholder-shown:opacity-50;
   }
 
   .form-field__submit {