From bc211b6d3bcd38c1f05c7babce3242c9fe43f208 Mon Sep 17 00:00:00 2001
From: Dries <dries@buytaert.net>
Date: Wed, 23 Jan 2013 13:11:45 -0500
Subject: [PATCH] Issue #1887558 by echoz: password Strength indicator overlaps
with input field in Narrow screens.
---
core/modules/user/user.css | 31 +++++++++++++++++++++++++++++++
1 file changed, 31 insertions(+)
diff --git a/core/modules/user/user.css b/core/modules/user/user.css
index 8513db4dfed2..42ca431f798c 100644
--- a/core/modules/user/user.css
+++ b/core/modules/user/user.css
@@ -65,6 +65,37 @@ div.password-suggestions ul {
width: 36.3em;
}
+ /**
+ * Password strength indicator on narrow viewport.
+ */
+@media screen and (max-width: 600px) {
+ .password-strength {
+ margin-top: 0;
+ width: auto;
+ }
+ .password-indicator {
+ margin-bottom: 0.4em;
+ }
+ input.password-confirm,
+ input.password-field {
+ margin-bottom: 0;
+ width: 100%;
+ }
+ div.password-confirm {
+ margin-top: 0;
+ width: auto;
+ }
+ div.form-item div.password-suggestions {
+ width: auto;
+ }
+ .confirm-parent,
+ .password-parent {
+ clear: none;
+ margin: 0;
+ width: 100%;
+ }
+}
+
/**
* Toolbar icon.
*/
--
GitLab