From 8d9c6f0e028e1976c1a4d6f43e701c05bd2b9e74 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Thu, 1 Mar 2018 17:09:22 +0100 Subject: [PATCH 1/2] Unify look of the strengthify password hint MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- core/css/guest.css | 9 ++++++--- core/css/styles.scss | 9 ++++++--- settings/css/settings.scss | 6 +++++- 3 files changed, 17 insertions(+), 7 deletions(-) diff --git a/core/css/guest.css b/core/css/guest.css index ecc3da9d08..e0e639252e 100644 --- a/core/css/guest.css +++ b/core/css/guest.css @@ -292,9 +292,12 @@ label.infield { .strengthify-wrapper { display: inline-block; position: relative; - left: 15px; - top: -23px; - width: 250px; + left: 5px; + top: -20px; + width: 269px; + border-radius: 0 0 2px 2px; + overflow: hidden; + height: 3px; } .tooltip-inner { font-weight: bold; diff --git a/core/css/styles.scss b/core/css/styles.scss index 4b02041976..e984707e7d 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -448,9 +448,12 @@ body { .strengthify-wrapper { display: inline-block; position: relative; - left: 15px; - top: -23px; - width: 250px; + left: 5px; + top: -20px; + width: 269px; + border-radius: 0 0 2px 2px; + overflow: hidden; + height: 3px; } input { &[type='text'], &[type='password'], &[type='email'] { diff --git a/settings/css/settings.scss b/settings/css/settings.scss index 18bc4efa78..ade10f7591 100644 --- a/settings/css/settings.scss +++ b/settings/css/settings.scss @@ -1153,8 +1153,12 @@ span { #passwordform .strengthify-wrapper { position: absolute; left: 0; - width: 130px; + width: calc(100% - 2px); + border-radius: 0 0 2px 2px; margin-top: -6px; + margin-left: 1px; + overflow: hidden; + height: 3px; } /* OPERA hack for strengthify*/ From 4db556e784a8723778a73405470433786d93eab0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Thu, 1 Mar 2018 20:39:56 +0100 Subject: [PATCH 2/2] fixup! Unify look of the strengthify password hint MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- settings/css/settings.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/settings/css/settings.scss b/settings/css/settings.scss index ade10f7591..4f3bc8b37f 100644 --- a/settings/css/settings.scss +++ b/settings/css/settings.scss @@ -1153,10 +1153,9 @@ span { #passwordform .strengthify-wrapper { position: absolute; left: 0; - width: calc(100% - 2px); + width: 100%; border-radius: 0 0 2px 2px; margin-top: -6px; - margin-left: 1px; overflow: hidden; height: 3px; }