fix(strength-meter): Fix responsive behaviour breaks (#29) (#30)

Chocanto · apertureless · commit 6ced85582c3c · 2019-01-07T19:55:42.000+01:00
## Description

Currently the password strength meter is not responsive due to fixed px sizes. This PR convert those pixel width to use percent.

## Fix or Feature?

Fix

### Environment
- OS: Windows
- NPM Version: 1.3.2
diff --git a/src/components/PasswordStrengthMeter.vue b/src/components/PasswordStrengthMeter.vue
@@ -359,16 +359,16 @@
     border-style: solid;
     border-width: 0 5px 0 5px;
     position: absolute;
-    width: 80px;
+    width: 20%;
     z-index: 10;
   }
 
   .Password__strength-meter:before {
-    left: 70px;
+    left: 20%;
   }
 
   .Password__strength-meter:after {
-    right: 70px;
+    right: 20%;
   }
 
   .Password__strength-meter--fill {

Original file line number	Diff line number	Diff line change
`@@ -359,16 +359,16 @@`
`359`	`359`	`border-style: solid;`
`360`	`360`	`border-width: 0 5px 0 5px;`
`361`	`361`	`position: absolute;`
`362`		`- width: 80px;`
	`362`	`+ width: 20%;`
`363`	`363`	`z-index: 10;`
`364`	`364`	`}`
`365`	`365`
`366`	`366`	`.Password__strength-meter:before {`
`367`		`- left: 70px;`
	`367`	`+ left: 20%;`
`368`	`368`	`}`
`369`	`369`
`370`	`370`	`.Password__strength-meter:after {`
`371`		`- right: 70px;`
	`371`	`+ right: 20%;`
`372`	`372`	`}`
`373`	`373`
`374`	`374`	`.Password__strength-meter--fill {`