From 0b42ded007691f5b15dcb40c9644d5f3cdacd487 Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Wed, 24 Apr 2019 09:42:52 +0100
Subject: [PATCH] Style complexity progress bars more heavily

This disables the native progress appearance and uses the green color from our
themes.
---
 res/css/views/auth/_AuthBody.scss       | 20 ++++++++++++++++++++
 res/css/views/elements/_Validation.scss |  4 ++++
 2 files changed, 24 insertions(+)

diff --git a/res/css/views/auth/_AuthBody.scss b/res/css/views/auth/_AuthBody.scss
index ce597f1416..16ac876869 100644
--- a/res/css/views/auth/_AuthBody.scss
+++ b/res/css/views/auth/_AuthBody.scss
@@ -133,4 +133,24 @@ limitations under the License.
 
 .mx_AuthBody_passwordScore {
     width: 100%;
+    appearance: none;
+    height: 4px;
+    border: 0;
+    border-radius: 2px;
+    position: absolute;
+    top: -12px;
+
+    &::-moz-progress-bar {
+        border-radius: 2px;
+        background-color: $accent-color;
+    }
+
+    &::-webkit-progress-bar,
+    &::-webkit-progress-value {
+        border-radius: 2px;
+    }
+
+    &::-webkit-progress-value {
+        background-color: $accent-color;
+    }
 }
diff --git a/res/css/views/elements/_Validation.scss b/res/css/views/elements/_Validation.scss
index 4c059f9747..1f9bd880e6 100644
--- a/res/css/views/elements/_Validation.scss
+++ b/res/css/views/elements/_Validation.scss
@@ -14,6 +14,10 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+.mx_Validation {
+    position: relative;
+}
+
 .mx_Validation_details {
     padding-left: 20px;
     margin: 0;