From 5e775aae1ebfb1f487262083b08c47531d4a4fa0 Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Wed, 12 Jul 2023 09:40:18 +0300
Subject: [PATCH] Issue #3362898 by Gauravvvv, Vidushi Mehta, athyamvidyasagar,
kopeboy, smustgrave: Password input width is incoherent and overflows
(cherry picked from commit 4d30ef7956c9dbd298e9fb8979506e53a9e68db1)
---
core/themes/claro/css/components/form--password-confirm.css | 4 ++++
.../claro/css/components/form--password-confirm.pcss.css | 4 ++++
2 files changed, 8 insertions(+)
diff --git a/core/themes/claro/css/components/form--password-confirm.css b/core/themes/claro/css/components/form--password-confirm.css
index a4c755e44250..7f9dfdf44c73 100644
--- a/core/themes/claro/css/components/form--password-confirm.css
+++ b/core/themes/claro/css/components/form--password-confirm.css
@@ -33,6 +33,10 @@
max-inline-size: 25rem;
}
+.password-confirm input {
+ width: 100%;
+}
+
.password-confirm__password {
margin-block-end: 0;
}
diff --git a/core/themes/claro/css/components/form--password-confirm.pcss.css b/core/themes/claro/css/components/form--password-confirm.pcss.css
index b0208c3283c1..7f967a68b7a3 100644
--- a/core/themes/claro/css/components/form--password-confirm.pcss.css
+++ b/core/themes/claro/css/components/form--password-confirm.pcss.css
@@ -23,6 +23,10 @@
*/
.password-confirm {
max-inline-size: 25rem;
+
+ & input {
+ width: 100%;
+ }
}
.password-confirm__password {
--
GitLab