From 1d47942ce53b40d5518fdca690fd826a70bbf361 Mon Sep 17 00:00:00 2001
From: surtur <wanderer@dotya.ml>
Date: Mon, 7 Aug 2023 21:59:34 +0200
Subject: [PATCH] tmpl: fix display of field invalid state [skip ci]

---
 templates/manage/user-edit.tmpl | 2 +-
 templates/manage/user-new.tmpl  | 2 +-
 templates/signup.tmpl           | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/manage/user-edit.tmpl b/templates/manage/user-edit.tmpl
index bfdb78d..39dfa78 100644
--- a/templates/manage/user-edit.tmpl
+++ b/templates/manage/user-edit.tmpl
@@ -52,7 +52,7 @@
 							{{ template "svg-email.tmpl" }}
 						</span>
 						<input name="email" type="email" {{if and .Data.user .Data.user.Email}}value="{{.Data.user.Email}}"{{end}} placeholder="Email address" required class="peer block w-full px-10 py-3 required:border-blue-300 text-gray-700 bg-white border rounded-lg dark:bg-gray-900 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40">
-						<p class="mt-2 mx-4 peer-placeholder-shown:collapse peer-valid:hidden peer-invalid:block text-pink-600 text-sm">
+						<p class="mt-2 mx-4 hidden peer-[:not(:placeholder-shown):invalid]:block text-pink-600 text-sm">
 						Please provide a valid email address.
 						</p>
 					</div>
diff --git a/templates/manage/user-new.tmpl b/templates/manage/user-new.tmpl
index 8205d69..7c57045 100644
--- a/templates/manage/user-new.tmpl
+++ b/templates/manage/user-new.tmpl
@@ -29,7 +29,7 @@
 							{{ template "svg-email.tmpl" }}
 						</span>
 							<input name="email" type="email" {{if and .Data.form .Data.form.Email}}value="{{.Data.form.Email}}"{{end}} placeholder="Email address" required class="peer block w-full px-10 py-3 required:border-blue-300 text-gray-700 bg-white border rounded-lg dark:bg-gray-900 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40">
-						<p class="mt-2 mx-4 peer-placeholder-shown:collapse peer-invalid:block text-pink-600 text-sm">
+						<p class="mt-2 mx-4 hidden peer-[:not(:placeholder-shown):invalid]:block text-pink-600 text-sm">
 							Please provide a valid email address.
 						</p>
 					</div>
diff --git a/templates/signup.tmpl b/templates/signup.tmpl
index 7572cab..b05be3d 100644
--- a/templates/signup.tmpl
+++ b/templates/signup.tmpl
@@ -26,7 +26,7 @@
 							{{ template "svg-email.tmpl" }}
 						</span>
 						<input name="email" type="email" placeholder="Email address" required class="peer block w-full px-10 py-3 valid:border-green-300 required:border-blue-300 text-gray-700 bg-white border rounded-lg dark:bg-gray-900 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40">
-						<p class="mt-2 mx-4 peer-placeholder-shown:collapse peer-invalid:block text-pink-600 text-sm">
+						<p class="mt-2 mx-4 hidden peer-[:not(:placeholder-shown):invalid]:block text-pink-600 text-sm">
 							Please provide a valid email address.
 						</p>
 						<!-- </label> -->