Added error label style for float-label

pull/1143/head
Tuğçe Küçükoğlu 2021-03-31 15:26:41 +03:00
parent 56eb7e7a04
commit 986d24feca
34 changed files with 136 additions and 0 deletions

View File

@ -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);

View File

@ -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);

View File

@ -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);

View File

@ -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);

View File

@ -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);

View File

@ -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);

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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);

View File

@ -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);

View File

@ -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);

View File

@ -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);

View File

@ -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);

View File

@ -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);

View File

@ -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);

View File

@ -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);

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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);

View File

@ -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);

View File

@ -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);

View File

@ -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);