Skip to content

Commit

Permalink
Fix primefaces#2913: Password label is same as meter color (primeface…
Browse files Browse the repository at this point in the history 
…s#3130)

* Password label is same as meter color

* Update Password.js

Co-authored-by: Melloware <[email protected]>
  • Loading branch information
@habubey @melloware
habubey and melloware authored Sep 12, 2022
1 parent 419255b commit 912efc2
Show file tree
Hide file tree
Showing 43 changed files with 384 additions and 16 deletions.
3 changes: 1 addition & 2 deletions components/lib/password/Password.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -249,7 +249,6 @@ export const Password = React.memo(

content = ObjectUtils.getJSXElement(props.icon, defaultIconOptions);
}

return content;
}

Expand All @@ -268,7 +267,7 @@ export const Password = React.memo(
<div className="p-password-meter">
<div className={`p-password-strength ${strength}`} style={{ width }}></div>
</div>
<div className="p-password-info">{infoTextState}</div>
<div className={`p-password-info ${strength}`}>{infoTextState}</div>
</>
);

Expand Down
10 changes: 9 additions & 1 deletion public/themes/arya-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1438,7 +1438,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}

.p-password-panel .p-password-info.weak {
color: #F48FB1;
}
.p-password-panel .p-password-info.medium {
color: #FFE082;
}
.p-password-panel .p-password-info.strong {
color: #C5E1A5;
}
.p-radiobutton {
width: 20px;
height: 20px;
Expand Down
10 changes: 10 additions & 0 deletions public/themes/arya-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1439,6 +1439,16 @@
background: #C5E1A5;
}

.p-password-panel .p-password-info.weak {
color: #F48FB1;
}
.p-password-panel .p-password-info.medium {
color: #FFE082;
}
.p-password-panel .p-password-info.strong {
color: #C5E1A5;
}

.p-radiobutton {
width: 20px;
height: 20px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/arya-orange/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1438,6 +1438,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
.p-password-panel .p-password-info.weak {
color: #F48FB1;
}
.p-password-panel .p-password-info.medium {
color: #FFE082;
}
.p-password-panel .p-password-info.strong {
color: #C5E1A5;
}

.p-radiobutton {
width: 20px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/arya-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1438,6 +1438,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
.p-password-panel .p-password-info.weak {
color: #F48FB1;
}
.p-password-panel .p-password-info.medium {
color: #FFE082;
}
.p-password-panel .p-password-info.strong {
color: #C5E1A5;
}

.p-radiobutton {
width: 20px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/bootstrap4-dark-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1442,6 +1442,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #9fdaa8;
}
.p-password-panel .p-password-info.weak {
color: #f19ea6;
}
.p-password-panel .p-password-info.medium {
color: #ffe082;
}
.p-password-panel .p-password-info.strong {
color: #9fdaa8;
}

.p-radiobutton {
width: 20px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/bootstrap4-dark-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1442,6 +1442,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #9fdaa8;
}
.p-password-panel .p-password-info.weak {
color: #f19ea6;
}
.p-password-panel .p-password-info.medium {
color: #ffe082;
}
.p-password-panel .p-password-info.strong {
color: #9fdaa8;
}

.p-radiobutton {
width: 20px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/bootstrap4-light-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1442,6 +1442,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #28a745;
}
.p-password-panel .p-password-info.weak {
color: #dc3545;
}
.p-password-panel .p-password-info.medium {
color: #ffc107;
}
.p-password-panel .p-password-info.strong {
color: #28a745;
}

.p-radiobutton {
width: 20px;
Expand Down
10 changes: 10 additions & 0 deletions public/themes/bootstrap4-light-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1442,6 +1442,16 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #28a745;
}
.p-password-panel .p-password-info.weak {
color: #dc3545;
}
.p-password-panel .p-password-info.medium {
color: #ffc107;
}
.p-password-panel .p-password-info.strong {
color: #28a745;
}


.p-radiobutton {
width: 20px;
Expand Down
10 changes: 10 additions & 0 deletions public/themes/fluent-light/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1438,6 +1438,16 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #498205;
}
.p-password-panel .p-password-info.weak {
color: #d13438;
}
.p-password-panel .p-password-info.medium {
color: #ffaa44;
}
.p-password-panel .p-password-info.strong {
color: #498205;
}


.p-radiobutton {
width: 20px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/lara-dark-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1438,6 +1438,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #93deac;
}
.p-password-panel .p-password-info.weak {
color: #eb9a9c;
}
.p-password-panel .p-password-info.medium {
color: #ffcf91;
}
.p-password-panel .p-password-info.strong {
color: #93deac;
}

.p-radiobutton {
width: 22px;
Expand Down
10 changes: 10 additions & 0 deletions public/themes/lara-dark-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1438,6 +1438,16 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #93deac;
}
.p-password-panel .p-password-info.weak {
color: #eb9a9c;
}
.p-password-panel .p-password-info.medium {
color: #ffcf91;
}
.p-password-panel .p-password-info.strong {
color: #93deac;
}


.p-radiobutton {
width: 22px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/lara-dark-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1438,6 +1438,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #93deac;
}
.p-password-panel .p-password-info.weak {
color: #eb9a9c;
}
.p-password-panel .p-password-info.medium {
color: #ffcf91;
}
.p-password-panel .p-password-info.strong {
color: #93deac;
}

.p-radiobutton {
width: 22px;
Expand Down
10 changes: 10 additions & 0 deletions public/themes/lara-dark-teal/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1438,6 +1438,16 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #93deac;
}
.p-password-panel .p-password-info.weak {
color: #eb9a9c;
}
.p-password-panel .p-password-info.medium {
color: #ffcf91;
}
.p-password-panel .p-password-info.strong {
color: #93deac;
}


.p-radiobutton {
width: 22px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/lara-light-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1438,6 +1438,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #29c76f;
}
.p-password-panel .p-password-info.weak {
color: #ea5455;
}
.p-password-panel .p-password-info.medium {
color: #ff9f42;
}
.p-password-panel .p-password-info.strong {
color: #29c76f;
}

.p-radiobutton {
width: 22px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/lara-light-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1438,6 +1438,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #29c76f;
}
.p-password-panel .p-password-info.weak {
color: #ea5455;
}
.p-password-panel .p-password-info.medium {
color: #ff9f42;
}
.p-password-panel .p-password-info.strong {
color: #29c76f;
}

.p-radiobutton {
width: 22px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/lara-light-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1438,6 +1438,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #29c76f;
}
.p-password-panel .p-password-info.weak {
color: #ea5455;
}
.p-password-panel .p-password-info.medium {
color: #ff9f42;
}
.p-password-panel .p-password-info.strong {
color: #29c76f;
}

.p-radiobutton {
width: 22px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/lara-light-teal/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1438,6 +1438,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #29c76f;
}
.p-password-panel .p-password-info.weak {
color: #ea5455;
}
.p-password-panel .p-password-info.medium {
color: #ff9f42;
}
.p-password-panel .p-password-info.strong {
color: #29c76f;
}

.p-radiobutton {
width: 22px;
Expand Down
10 changes: 9 additions & 1 deletion public/themes/luna-amber/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1442,7 +1442,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #AED581;
}

.p-password-panel .p-password-info.weak {
color: #E57373;
}
.p-password-panel .p-password-info.medium {
color: #FFB74D;
}
.p-password-panel .p-password-info.strong {
color: #AED581;
}
.p-radiobutton {
width: 20px;
height: 20px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/luna-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1442,6 +1442,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #AED581;
}
.p-password-panel .p-password-info.weak {
color: #E57373;
}
.p-password-panel .p-password-info.medium {
color: #FFB74D;
}
.p-password-panel .p-password-info.strong {
color: #AED581;
}

.p-radiobutton {
width: 20px;
Expand Down
10 changes: 9 additions & 1 deletion public/themes/luna-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1442,7 +1442,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #AED581;
}

.p-password-panel .p-password-info.weak {
color: #E57373;
}
.p-password-panel .p-password-info.medium {
color: #FFB74D;
}
.p-password-panel .p-password-info.strong {
color: #AED581;
}
.p-radiobutton {
width: 20px;
height: 20px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/luna-pink/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1442,6 +1442,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #AED581;
}
.p-password-panel .p-password-info.weak {
color: #E57373;
}
.p-password-panel .p-password-info.medium {
color: #FFB74D;
}
.p-password-panel .p-password-info.strong {
color: #AED581;
}

.p-radiobutton {
width: 20px;
Expand Down
9 changes: 9 additions & 0 deletions public/themes/md-dark-deeppurple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1462,6 +1462,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
.p-password-panel .p-password-info.weak {
color: #EF9A9A;
}
.p-password-panel .p-password-info.medium {
color: #FFF59D;
}
.p-password-panel .p-password-info.strong {
color: #C5E1A5;
}

.p-radiobutton {
width: 20px;
Expand Down
10 changes: 9 additions & 1 deletion public/themes/md-dark-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1462,7 +1462,15 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}

.p-password-panel .p-password-info.weak {
color: #EF9A9A;
}
.p-password-panel .p-password-info.medium {
color: #FFF59D;
}
.p-password-panel .p-password-info.strong {
color: #C5E1A5;
}
.p-radiobutton {
width: 20px;
height: 20px;
Expand Down
Loading

0 comments on commit 912efc2

Please sign in to comment.