MAGETWO-51815: Invalid work of Password Strength Validator on "Create Customer" Storefront page

dsikkema-magento · dsikkema-magento · commit a81348fb86c1 · 2016-05-11T10:12:36.000-05:00
- fix css variable names
diff --git a/app/design/frontend/Magento/blank/Magento_Customer/web/css/source/_module.less b/app/design/frontend/Magento/blank/Magento_Customer/web/css/source/_module.less
@@ -17,11 +17,11 @@
 
 @account-nav-item-hover: @color-gray91;
 
-@password-strength-color__default: @color-gray-light01;
-@password-strength-color__weak: #ffafae;
-@password-strength-color__medium: #ffd6b3;
-@password-strength-color__strong: #c5eeac;
-@password-strength-color__very-strong: #81b562;
+@_password-default: @color-gray-light01;
+@_password-weak: #ffafae;
+@_password-medium: #ffd6b3;
+@_password-strong: #c5eeac;
+@_password-very-strong: #81b562;
 
 //
 //  Common
@@ -255,7 +255,7 @@
     }
 
     .password-strength-meter {
-        background-color: @password-strength-color__default;
+        background-color: @_password-default;
         height: @form-element-input__height;
         line-height: @form-element-input__height;
         padding: @form-element-input__padding;
@@ -273,36 +273,36 @@
 
         .password-strength-meter-no-pwd & {
             &:before {
-                background-color: @password-strength-color__default;
+                background-color: @_password-default;
                 width: 100%;
             }
         }
 
         .password-strength-meter-0 &,
         .password-strength-meter-1 & {
             &:before {
-                background-color: @password-strength-color__weak;
+                background-color: @_password-weak;
                 width: 25%;
             }
         }
 
         .password-strength-meter-2 & {
             &:before {
-                background-color: @password-strength-color__medium;
+                background-color: @_password-medium;
                 width: 50%;
             }
         }
 
         .password-strength-meter-3 & {
             &:before {
-                background-color: @password-strength-color__strong;
+                background-color: @_password-strong;
                 width: 75%;
             }
         }
 
         .password-strength-meter-4 & {
             &:before {
-                background-color: @password-strength-color__very-strong;
+                background-color: @_password-very-strong;
                 width: 100%;
             }
         }
diff --git a/app/design/frontend/Magento/luma/Magento_Customer/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_Customer/web/css/source/_module.less
@@ -7,11 +7,11 @@
 @account-table-border-bottom-color: @color-gray-middle1;
 @account-table-action-delete: @color-red12;
 
-@password-strength-color__default: @color-gray-light01;
-@password-strength-color__weak: #ffafae;
-@password-strength-color__medium: #ffd6b3;
-@password-strength-color__strong: #c5eeac;
-@password-strength-color__very-strong: #81b562;
+@password-default: @color-gray-light01;
+@password-weak: #ffafae;
+@password-medium: #ffd6b3;
+@password-strong: #c5eeac;
+@password-very-strong: #81b562;
 
 //
 //  Common
@@ -233,7 +233,7 @@
     }
 
     .password-strength-meter {
-        background-color: @password-strength-color__default;
+        background-color: @password-default;
         height: @form-element-input__height;
         line-height: @form-element-input__height;
         padding: @form-element-input__padding;
@@ -251,36 +251,36 @@
 
         .password-strength-meter-no-pwd & {
             &:before {
-                background-color: @password-strength-color__default;
+                background-color: @password-default;
                 width: 100%;
             }
         }
 
         .password-strength-meter-0 &,
         .password-strength-meter-1 & {
             &:before {
-                background-color: @password-strength-color__weak;
+                background-color: @password-weak;
                 width: 25%;
             }
         }
 
         .password-strength-meter-2 & {
             &:before {
-                background-color: @password-strength-color__medium;
+                background-color: @password-medium;
                 width: 50%;
             }
         }
 
         .password-strength-meter-3 & {
             &:before {
-                background-color: @password-strength-color__strong;
+                background-color: @password-strong;
                 width: 75%;
             }
         }
 
         .password-strength-meter-4 & {
             &:before {
-                background-color: @password-strength-color__very-strong;
+                background-color: @password-very-strong;
                 width: 100%;
             }
         }

Original file line number	Diff line number	Diff line change
`@@ -17,11 +17,11 @@`
`17`	`17`
`18`	`18`	`@account-nav-item-hover: @color-gray91;`
`19`	`19`
`20`		`-@password-strength-color__default: @color-gray-light01;`
`21`		`-@password-strength-color__weak: #ffafae;`
`22`		`-@password-strength-color__medium: #ffd6b3;`
`23`		`-@password-strength-color__strong: #c5eeac;`
`24`		`-@password-strength-color__very-strong: #81b562;`
	`20`	`+@_password-default: @color-gray-light01;`
	`21`	`+@_password-weak: #ffafae;`
	`22`	`+@_password-medium: #ffd6b3;`
	`23`	`+@_password-strong: #c5eeac;`
	`24`	`+@_password-very-strong: #81b562;`
`25`	`25`
`26`	`26`	`//`
`27`	`27`	`// Common`
`@@ -255,7 +255,7 @@`
`255`	`255`	`}`
`256`	`256`
`257`	`257`	`.password-strength-meter {`
`258`		`- background-color: @password-strength-color__default;`
	`258`	`+ background-color: @_password-default;`
`259`	`259`	`height: @form-element-input__height;`
`260`	`260`	`line-height: @form-element-input__height;`
`261`	`261`	`padding: @form-element-input__padding;`
`@@ -273,36 +273,36 @@`
`273`	`273`
`274`	`274`	`.password-strength-meter-no-pwd & {`
`275`	`275`	`&:before {`
`276`		`- background-color: @password-strength-color__default;`
	`276`	`+ background-color: @_password-default;`
`277`	`277`	`width: 100%;`
`278`	`278`	`}`
`279`	`279`	`}`
`280`	`280`
`281`	`281`	`.password-strength-meter-0 &,`
`282`	`282`	`.password-strength-meter-1 & {`
`283`	`283`	`&:before {`
`284`		`- background-color: @password-strength-color__weak;`
	`284`	`+ background-color: @_password-weak;`
`285`	`285`	`width: 25%;`
`286`	`286`	`}`
`287`	`287`	`}`
`288`	`288`
`289`	`289`	`.password-strength-meter-2 & {`
`290`	`290`	`&:before {`
`291`		`- background-color: @password-strength-color__medium;`
	`291`	`+ background-color: @_password-medium;`
`292`	`292`	`width: 50%;`
`293`	`293`	`}`
`294`	`294`	`}`
`295`	`295`
`296`	`296`	`.password-strength-meter-3 & {`
`297`	`297`	`&:before {`
`298`		`- background-color: @password-strength-color__strong;`
	`298`	`+ background-color: @_password-strong;`
`299`	`299`	`width: 75%;`
`300`	`300`	`}`
`301`	`301`	`}`
`302`	`302`
`303`	`303`	`.password-strength-meter-4 & {`
`304`	`304`	`&:before {`
`305`		`- background-color: @password-strength-color__very-strong;`
	`305`	`+ background-color: @_password-very-strong;`
`306`	`306`	`width: 100%;`
`307`	`307`	`}`
`308`	`308`	`}`
Original file line number	Diff line number	Diff line change
`@@ -7,11 +7,11 @@`
`7`	`7`	`@account-table-border-bottom-color: @color-gray-middle1;`
`8`	`8`	`@account-table-action-delete: @color-red12;`
`9`	`9`
`10`		`-@password-strength-color__default: @color-gray-light01;`
`11`		`-@password-strength-color__weak: #ffafae;`
`12`		`-@password-strength-color__medium: #ffd6b3;`
`13`		`-@password-strength-color__strong: #c5eeac;`
`14`		`-@password-strength-color__very-strong: #81b562;`
	`10`	`+@password-default: @color-gray-light01;`
	`11`	`+@password-weak: #ffafae;`
	`12`	`+@password-medium: #ffd6b3;`
	`13`	`+@password-strong: #c5eeac;`
	`14`	`+@password-very-strong: #81b562;`
`15`	`15`
`16`	`16`	`//`
`17`	`17`	`// Common`
`@@ -233,7 +233,7 @@`
`233`	`233`	`}`
`234`	`234`
`235`	`235`	`.password-strength-meter {`
`236`		`- background-color: @password-strength-color__default;`
	`236`	`+ background-color: @password-default;`
`237`	`237`	`height: @form-element-input__height;`
`238`	`238`	`line-height: @form-element-input__height;`
`239`	`239`	`padding: @form-element-input__padding;`
`@@ -251,36 +251,36 @@`
`251`	`251`
`252`	`252`	`.password-strength-meter-no-pwd & {`
`253`	`253`	`&:before {`
`254`		`- background-color: @password-strength-color__default;`
	`254`	`+ background-color: @password-default;`
`255`	`255`	`width: 100%;`
`256`	`256`	`}`
`257`	`257`	`}`
`258`	`258`
`259`	`259`	`.password-strength-meter-0 &,`
`260`	`260`	`.password-strength-meter-1 & {`
`261`	`261`	`&:before {`
`262`		`- background-color: @password-strength-color__weak;`
	`262`	`+ background-color: @password-weak;`
`263`	`263`	`width: 25%;`
`264`	`264`	`}`
`265`	`265`	`}`
`266`	`266`
`267`	`267`	`.password-strength-meter-2 & {`
`268`	`268`	`&:before {`
`269`		`- background-color: @password-strength-color__medium;`
	`269`	`+ background-color: @password-medium;`
`270`	`270`	`width: 50%;`
`271`	`271`	`}`
`272`	`272`	`}`
`273`	`273`
`274`	`274`	`.password-strength-meter-3 & {`
`275`	`275`	`&:before {`
`276`		`- background-color: @password-strength-color__strong;`
	`276`	`+ background-color: @password-strong;`
`277`	`277`	`width: 75%;`
`278`	`278`	`}`
`279`	`279`	`}`
`280`	`280`
`281`	`281`	`.password-strength-meter-4 & {`
`282`	`282`	`&:before {`
`283`		`- background-color: @password-strength-color__very-strong;`
	`283`	`+ background-color: @password-very-strong;`
`284`	`284`	`width: 100%;`
`285`	`285`	`}`
`286`	`286`	`}`