Refactor #3832 - Password svg style updates

pull/3976/head
Tuğçe Küçükoğlu 2023-04-18 12:00:13 +03:00
parent 0c4d487dd9
commit 585642fd9b
50 changed files with 101 additions and 1 deletions

View File

@ -91,7 +91,9 @@
}
.p-input-icon-left > i,
.p-input-icon-right > i {
.p-input-icon-left > svg,
.p-input-icon-right > i,
.p-input-icon-right > svg {
position: absolute;
top: 50%;
margin-top: -.5rem;

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1128,6 +1128,7 @@
color: #f19ea6;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1141,6 +1142,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1128,6 +1128,7 @@
color: #f19ea6;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1141,6 +1142,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1128,6 +1128,7 @@
color: #dc3545;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #495057;
@ -1141,6 +1142,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #495057;

View File

@ -1128,6 +1128,7 @@
color: #dc3545;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #495057;
@ -1141,6 +1142,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #495057;

View File

@ -1124,6 +1124,7 @@
color: #a4252c;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: #605e5c;
@ -1137,6 +1138,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #605e5c;

View File

@ -1124,6 +1124,7 @@
color: #FCA5A5;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #FCA5A5;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #FCA5A5;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #FCA5A5;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #e24c4c;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #6c757d;

View File

@ -1124,6 +1124,7 @@
color: #e24c4c;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #6c757d;

View File

@ -1124,6 +1124,7 @@
color: #e24c4c;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #6c757d;

View File

@ -1124,6 +1124,7 @@
color: #e24c4c;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #6c757d;

View File

@ -1128,6 +1128,7 @@
color: #e57373;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
color: #888888;
@ -1141,6 +1142,7 @@
left: 1.858rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #888888;

View File

@ -1128,6 +1128,7 @@
color: #e57373;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
color: #888888;
@ -1141,6 +1142,7 @@
left: 1.858rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #888888;

View File

@ -1128,6 +1128,7 @@
color: #e57373;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
color: #888888;
@ -1141,6 +1142,7 @@
left: 1.858rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #888888;

View File

@ -1128,6 +1128,7 @@
color: #e57373;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
color: #888888;
@ -1141,6 +1142,7 @@
left: 1.858rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #888888;

View File

@ -1148,6 +1148,7 @@
color: #f44435;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 1rem;
color: rgba(255, 255, 255, 0.6);
@ -1161,6 +1162,7 @@
left: 3rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 1rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #f44435;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 1rem;
color: rgba(255, 255, 255, 0.6);
@ -1161,6 +1162,7 @@
left: 3rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 1rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #B00020;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 1rem;
color: rgba(0, 0, 0, 0.6);
@ -1161,6 +1162,7 @@
left: 3rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 1rem;
color: rgba(0, 0, 0, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #B00020;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 1rem;
color: rgba(0, 0, 0, 0.6);
@ -1161,6 +1162,7 @@
left: 3rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 1rem;
color: rgba(0, 0, 0, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #f44435;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1161,6 +1162,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #f44435;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1161,6 +1162,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #B00020;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(0, 0, 0, 0.6);
@ -1161,6 +1162,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(0, 0, 0, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #B00020;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(0, 0, 0, 0.6);
@ -1161,6 +1162,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(0, 0, 0, 0.6);

View File

@ -1152,6 +1152,7 @@
color: #BF616A;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: #81A1C1;
@ -1165,6 +1166,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #81A1C1;

View File

@ -1124,6 +1124,7 @@
color: #d8222f;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.25rem;
color: #697077;
@ -1137,6 +1138,7 @@
left: 1.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.25rem;
color: #697077;

View File

@ -1124,6 +1124,7 @@
color: #a80000;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
color: #848484;
@ -1137,6 +1138,7 @@
left: 1.858rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #848484;

View File

@ -1128,6 +1128,7 @@
color: #a80000;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
color: #848484;
@ -1141,6 +1142,7 @@
left: 1.858rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #848484;

View File

@ -1128,6 +1128,7 @@
color: #a80000;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
color: #848484;
@ -1141,6 +1142,7 @@
left: 1.858rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #848484;

View File

@ -1128,6 +1128,7 @@
color: #a80000;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
color: #848484;
@ -1141,6 +1142,7 @@
left: 1.858rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #848484;

View File

@ -1124,6 +1124,7 @@
color: #e7a3a3;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
color: #a6a6a6;
@ -1137,6 +1138,7 @@
left: 1.858rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
color: #a6a6a6;

View File

@ -1124,6 +1124,7 @@
color: #f44336;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #6c757d;

View File

@ -1124,6 +1124,7 @@
color: #f44336;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #6c757d;

View File

@ -1124,6 +1124,7 @@
color: #f44336;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #6c757d;

View File

@ -1124,6 +1124,7 @@
color: #f44336;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: #6c757d;
@ -1137,6 +1138,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #6c757d;

View File

@ -1148,6 +1148,7 @@
color: #ff9a9a;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1161,6 +1162,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1148,6 +1148,7 @@
color: #ff6767;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #708da9;
@ -1161,6 +1162,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #708da9;

View File

@ -1159,6 +1159,7 @@
color: #f0a9a7;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #71717A;
@ -1172,6 +1173,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #71717A;

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1124,6 +1124,7 @@
color: #ef9a9a;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
@ -1137,6 +1138,7 @@
left: 2rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1156,6 +1156,7 @@
color: #f78c79;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
@ -1169,6 +1170,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);

View File

@ -1156,6 +1156,7 @@
color: #f88c79;
}
.p-input-icon-left > svg:first-of-type,
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #898989;
@ -1169,6 +1170,7 @@
left: 2.5rem;
}
.p-input-icon-right > svg:last-of-type,
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #898989;