Added error label style for float-label
parent
56eb7e7a04
commit
986d24feca
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #ef9a9a;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.5rem;
|
left: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #ef9a9a;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.5rem;
|
left: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #ef9a9a;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.5rem;
|
left: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #ef9a9a;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.5rem;
|
left: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
|
@ -1007,6 +1007,10 @@
|
||||||
transition-duration: 0.15s;
|
transition-duration: 0.15s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #f19ea6;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.75rem;
|
left: 0.75rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
|
@ -1007,6 +1007,10 @@
|
||||||
transition-duration: 0.15s;
|
transition-duration: 0.15s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #f19ea6;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.75rem;
|
left: 0.75rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
|
@ -1007,6 +1007,10 @@
|
||||||
transition-duration: 0.15s;
|
transition-duration: 0.15s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #dc3545;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.75rem;
|
left: 0.75rem;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
|
|
|
@ -1007,6 +1007,10 @@
|
||||||
transition-duration: 0.15s;
|
transition-duration: 0.15s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #dc3545;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.75rem;
|
left: 0.75rem;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #a4252c;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.5rem;
|
left: 0.5rem;
|
||||||
color: #605e5c;
|
color: #605e5c;
|
||||||
|
|
|
@ -1007,6 +1007,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #e57373;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.429rem;
|
left: 0.429rem;
|
||||||
color: #888888;
|
color: #888888;
|
||||||
|
|
|
@ -1007,6 +1007,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #e57373;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.429rem;
|
left: 0.429rem;
|
||||||
color: #888888;
|
color: #888888;
|
||||||
|
|
|
@ -1007,6 +1007,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #e57373;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.429rem;
|
left: 0.429rem;
|
||||||
color: #888888;
|
color: #888888;
|
||||||
|
|
|
@ -1007,6 +1007,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #e57373;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.429rem;
|
left: 0.429rem;
|
||||||
color: #888888;
|
color: #888888;
|
||||||
|
|
|
@ -1027,6 +1027,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #f44435;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 1rem;
|
left: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
|
@ -1027,6 +1027,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #f44435;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 1rem;
|
left: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
|
@ -1027,6 +1027,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #B00020;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 1rem;
|
left: 1rem;
|
||||||
color: rgba(0, 0, 0, 0.6);
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
|
|
@ -1027,6 +1027,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #B00020;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 1rem;
|
left: 1rem;
|
||||||
color: rgba(0, 0, 0, 0.6);
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
|
|
@ -1027,6 +1027,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #f44435;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.75rem;
|
left: 0.75rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
|
@ -1027,6 +1027,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #f44435;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.75rem;
|
left: 0.75rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
|
@ -1027,6 +1027,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #B00020;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.75rem;
|
left: 0.75rem;
|
||||||
color: rgba(0, 0, 0, 0.6);
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
|
|
@ -1027,6 +1027,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #B00020;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.75rem;
|
left: 0.75rem;
|
||||||
color: rgba(0, 0, 0, 0.6);
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #a80000;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.429rem;
|
left: 0.429rem;
|
||||||
color: #848484;
|
color: #848484;
|
||||||
|
|
|
@ -1007,6 +1007,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #a80000;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.429rem;
|
left: 0.429rem;
|
||||||
color: #848484;
|
color: #848484;
|
||||||
|
|
|
@ -1007,6 +1007,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #a80000;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.429rem;
|
left: 0.429rem;
|
||||||
color: #848484;
|
color: #848484;
|
||||||
|
|
|
@ -1007,6 +1007,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #a80000;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.429rem;
|
left: 0.429rem;
|
||||||
color: #848484;
|
color: #848484;
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #e7a3a3;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.429rem;
|
left: 0.429rem;
|
||||||
color: #a6a6a6;
|
color: #a6a6a6;
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.5rem;
|
left: 0.5rem;
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.5rem;
|
left: 0.5rem;
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.5rem;
|
left: 0.5rem;
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.5rem;
|
left: 0.5rem;
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #ef9a9a;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.5rem;
|
left: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #ef9a9a;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.5rem;
|
left: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #ef9a9a;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.5rem;
|
left: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
|
@ -1003,6 +1003,10 @@
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-float-label > label.p-error {
|
||||||
|
color: #ef9a9a;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-left > i:first-of-type {
|
.p-input-icon-left > i:first-of-type {
|
||||||
left: 0.5rem;
|
left: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
Loading…
Reference in New Issue