Styling for password
parent
48b27798de
commit
c30f84b063
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #383838;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #ef9a9a;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #1e1e1e;
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #383838;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #ef9a9a;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #1e1e1e;
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #383838;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #ef9a9a;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #1e1e1e;
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #383838;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #ef9a9a;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #1e1e1e;
|
||||
|
|
|
@ -1127,6 +1127,10 @@
|
|||
background-color: #3f4b5b;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #f19ea6;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1.25rem;
|
||||
background: #2a323d;
|
||||
|
|
|
@ -1127,6 +1127,10 @@
|
|||
background-color: #3f4b5b;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #f19ea6;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1.25rem;
|
||||
background: #2a323d;
|
||||
|
|
|
@ -1127,6 +1127,10 @@
|
|||
background-color: #efefef;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #dc3545;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1.25rem;
|
||||
background: #ffffff;
|
||||
|
|
|
@ -1127,6 +1127,10 @@
|
|||
background-color: #efefef;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #dc3545;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1.25rem;
|
||||
background: #ffffff;
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #faf9f8;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #a4252c;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #ffffff;
|
||||
|
|
|
@ -1127,6 +1127,10 @@
|
|||
background-color: #4b4b4b;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #e57373;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 0.571rem 1rem;
|
||||
background: #323232;
|
||||
|
|
|
@ -1127,6 +1127,10 @@
|
|||
background-color: #4b4b4b;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #e57373;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 0.571rem 1rem;
|
||||
background: #323232;
|
||||
|
|
|
@ -1127,6 +1127,10 @@
|
|||
background-color: #4b4b4b;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #e57373;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 0.571rem 1rem;
|
||||
background: #323232;
|
||||
|
|
|
@ -1127,6 +1127,10 @@
|
|||
background-color: #4b4b4b;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #e57373;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 0.571rem 1rem;
|
||||
background: #323232;
|
||||
|
|
|
@ -1147,6 +1147,10 @@
|
|||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #f44435;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #1e1e1e;
|
||||
|
@ -5578,6 +5582,23 @@
|
|||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
|
||||
}
|
||||
|
||||
.p-panel {
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
|
||||
|
|
|
@ -1147,6 +1147,10 @@
|
|||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #f44435;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #1e1e1e;
|
||||
|
@ -5578,6 +5582,23 @@
|
|||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
|
||||
}
|
||||
|
||||
.p-panel {
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
|
||||
|
|
|
@ -1147,6 +1147,10 @@
|
|||
background-color: #dcdcdc;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #B00020;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #ffffff;
|
||||
|
@ -5578,6 +5582,23 @@
|
|||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
|
||||
}
|
||||
|
||||
.p-panel {
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
|
||||
|
|
|
@ -1147,6 +1147,10 @@
|
|||
background-color: #dcdcdc;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #B00020;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #ffffff;
|
||||
|
@ -5578,6 +5582,23 @@
|
|||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
|
||||
}
|
||||
|
||||
.p-panel {
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
|
||||
|
|
|
@ -1147,6 +1147,10 @@
|
|||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #f44435;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 0.75rem;
|
||||
background: #1e1e1e;
|
||||
|
@ -5578,6 +5582,23 @@
|
|||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
|
||||
}
|
||||
|
||||
.p-panel {
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
|
||||
|
|
|
@ -1147,6 +1147,10 @@
|
|||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #f44435;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 0.75rem;
|
||||
background: #1e1e1e;
|
||||
|
@ -5578,6 +5582,23 @@
|
|||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
|
||||
}
|
||||
|
||||
.p-panel {
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
|
||||
|
|
|
@ -1147,6 +1147,10 @@
|
|||
background-color: #dcdcdc;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #B00020;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 0.75rem;
|
||||
background: #ffffff;
|
||||
|
@ -5578,6 +5582,23 @@
|
|||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
|
||||
}
|
||||
|
||||
.p-panel {
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
|
||||
|
|
|
@ -1147,6 +1147,10 @@
|
|||
background-color: #dcdcdc;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #B00020;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 0.75rem;
|
||||
background: #ffffff;
|
||||
|
@ -5578,6 +5582,23 @@
|
|||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
|
||||
border-color: transparent;
|
||||
background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
|
||||
}
|
||||
.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.p-password.p-invalid > .p-inputtext:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
|
||||
}
|
||||
|
||||
.p-panel {
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #a80000;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 0.571rem 1rem;
|
||||
background: #ffffff;
|
||||
|
|
|
@ -1127,6 +1127,10 @@
|
|||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #a80000;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 0.571rem 1rem;
|
||||
background: #ffffff;
|
||||
|
|
|
@ -1127,6 +1127,10 @@
|
|||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #a80000;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 0.571rem 1rem;
|
||||
background: #ffffff;
|
||||
|
|
|
@ -1127,6 +1127,10 @@
|
|||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #a80000;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 0.571rem 1rem;
|
||||
background: #ffffff;
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #e7a3a3;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 0.571rem 1rem;
|
||||
background: #ffffff;
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #f44336;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #ffffff;
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #f44336;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #ffffff;
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #f44336;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #ffffff;
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #f44336;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #ffffff;
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #304562;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #ef9a9a;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #1f2d40;
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #304562;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #ef9a9a;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #1f2d40;
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #304562;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #ef9a9a;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #1f2d40;
|
||||
|
|
|
@ -1123,6 +1123,10 @@
|
|||
background-color: #304562;
|
||||
}
|
||||
|
||||
.p-password.p-invalid.p-component > .p-inputtext {
|
||||
border-color: #ef9a9a;
|
||||
}
|
||||
|
||||
.p-password-panel {
|
||||
padding: 1rem;
|
||||
background: #1f2d40;
|
||||
|
|
Loading…
Reference in New Issue