Update material theming and add invalid field demo
Cagatay Civici
parent
754131d09e
commit
bf9ecec03b
|
|
@ -156,6 +156,10 @@
|
||||||
"name": "Editor",
|
"name": "Editor",
|
||||||
"to": "/editor"
|
"to": "/editor"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"name": "FloatLabel",
|
||||||
|
"to": "/floatlabel"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"name": "InputGroup",
|
"name": "InputGroup",
|
||||||
"to": "/inputgroup"
|
"to": "/inputgroup"
|
||||||
|
|
@ -177,8 +181,9 @@
|
||||||
"to": "/inputtext"
|
"to": "/inputtext"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "FloatLabel",
|
"name": "InvalidState",
|
||||||
"to": "/floatlabel"
|
"to": "/invalid",
|
||||||
|
"badge": "New"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Knob",
|
"name": "Knob",
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.857rem;
|
right: 2.857rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #64B5F6;
|
border-color: #64B5F6;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #93cbf9;
|
box-shadow: 0 0 0 1px #93cbf9;
|
||||||
border-color: #64B5F6;
|
border-color: #64B5F6;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #383838;
|
background: #383838;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: rgba(100, 181, 246, 0.16);
|
background: rgba(100, 181, 246, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 1px solid #383838;
|
border: 1px solid #383838;
|
||||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.03);
|
background: rgba(255, 255, 255, 0.03);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 1px #93cbf9;
|
box-shadow: 0 0 0 1px #93cbf9;
|
||||||
border-color: #64B5F6;
|
border-color: #64B5F6;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4577,7 +4583,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.857rem;
|
right: 2.857rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #81C784;
|
border-color: #81C784;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #a7d8a9;
|
box-shadow: 0 0 0 1px #a7d8a9;
|
||||||
border-color: #81C784;
|
border-color: #81C784;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #383838;
|
background: #383838;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: rgba(129, 199, 132, 0.16);
|
background: rgba(129, 199, 132, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 1px solid #383838;
|
border: 1px solid #383838;
|
||||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.03);
|
background: rgba(255, 255, 255, 0.03);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 1px #a7d8a9;
|
box-shadow: 0 0 0 1px #a7d8a9;
|
||||||
border-color: #81C784;
|
border-color: #81C784;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4577,7 +4583,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.857rem;
|
right: 2.857rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #FFD54F;
|
border-color: #FFD54F;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #ffe284;
|
box-shadow: 0 0 0 1px #ffe284;
|
||||||
border-color: #FFD54F;
|
border-color: #FFD54F;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #383838;
|
background: #383838;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: rgba(255, 213, 79, 0.16);
|
background: rgba(255, 213, 79, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 1px solid #383838;
|
border: 1px solid #383838;
|
||||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.03);
|
background: rgba(255, 255, 255, 0.03);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 1px #ffe284;
|
box-shadow: 0 0 0 1px #ffe284;
|
||||||
border-color: #FFD54F;
|
border-color: #FFD54F;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4577,7 +4583,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.857rem;
|
right: 2.857rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #BA68C8;
|
border-color: #BA68C8;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #cf95d9;
|
box-shadow: 0 0 0 1px #cf95d9;
|
||||||
border-color: #BA68C8;
|
border-color: #BA68C8;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #383838;
|
background: #383838;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: rgba(186, 104, 200, 0.16);
|
background: rgba(186, 104, 200, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 1px solid #383838;
|
border: 1px solid #383838;
|
||||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.03);
|
background: rgba(255, 255, 255, 0.03);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 1px #cf95d9;
|
box-shadow: 0 0 0 1px #cf95d9;
|
||||||
border-color: #BA68C8;
|
border-color: #BA68C8;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4577,7 +4583,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 3.107rem;
|
right: 3.107rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.75rem;
|
padding: 0.25rem 0.75rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #3f4b5b;
|
border-color: #3f4b5b;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #e3f3fe;
|
box-shadow: 0 0 0 1px #e3f3fe;
|
||||||
border-color: #8dd0ff;
|
border-color: #8dd0ff;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.75rem;
|
padding: 0.25rem 0.75rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #3f4b5b;
|
background: #3f4b5b;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #8dd0ff;
|
background: #8dd0ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -499,7 +499,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -561,7 +561,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -665,16 +665,18 @@
|
||||||
border: 1px solid #3f4b5b;
|
border: 1px solid #3f4b5b;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0.5rem 1.5rem;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.04);
|
background: rgba(255, 255, 255, 0.04);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1.5rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
border-bottom-left-radius: 4px;
|
border-bottom-left-radius: 4px;
|
||||||
|
|
@ -791,7 +793,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -857,7 +859,7 @@
|
||||||
box-shadow: 0 0 0 1px #e3f3fe;
|
box-shadow: 0 0 0 1px #e3f3fe;
|
||||||
border-color: #8dd0ff;
|
border-color: #8dd0ff;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -884,6 +886,10 @@
|
||||||
padding-left: 2.5rem;
|
padding-left: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.75rem;
|
right: 0.75rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1023,7 +1029,7 @@
|
||||||
border-top-right-radius: 4px;
|
border-top-right-radius: 4px;
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4589,7 +4595,7 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 3.107rem;
|
right: 3.107rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.75rem;
|
padding: 0.25rem 0.75rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #3f4b5b;
|
border-color: #3f4b5b;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #f0e6f5;
|
box-shadow: 0 0 0 1px #f0e6f5;
|
||||||
border-color: #c298d8;
|
border-color: #c298d8;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.75rem;
|
padding: 0.25rem 0.75rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #3f4b5b;
|
background: #3f4b5b;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #c298d8;
|
background: #c298d8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -499,7 +499,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -561,7 +561,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -665,16 +665,18 @@
|
||||||
border: 1px solid #3f4b5b;
|
border: 1px solid #3f4b5b;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0.5rem 1.5rem;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.04);
|
background: rgba(255, 255, 255, 0.04);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1.5rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
border-bottom-left-radius: 4px;
|
border-bottom-left-radius: 4px;
|
||||||
|
|
@ -791,7 +793,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -857,7 +859,7 @@
|
||||||
box-shadow: 0 0 0 1px #f0e6f5;
|
box-shadow: 0 0 0 1px #f0e6f5;
|
||||||
border-color: #c298d8;
|
border-color: #c298d8;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -884,6 +886,10 @@
|
||||||
padding-left: 2.5rem;
|
padding-left: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.75rem;
|
right: 0.75rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1023,7 +1029,7 @@
|
||||||
border-top-right-radius: 4px;
|
border-top-right-radius: 4px;
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #f19ea6;
|
border-color: #f19ea6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4589,7 +4595,7 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 3.107rem;
|
right: 3.107rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.75rem;
|
padding: 0.25rem 0.75rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #ced4da;
|
border-color: #ced4da;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
|
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
|
||||||
border-color: #007bff;
|
border-color: #007bff;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #212529;
|
color: #212529;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.75rem;
|
padding: 0.25rem 0.75rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #dee2e6;
|
background: #dee2e6;
|
||||||
color: #212529;
|
color: #212529;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #007bff;
|
background: #007bff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -499,7 +499,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -561,7 +561,7 @@
|
||||||
color: #495057;
|
color: #495057;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -665,16 +665,18 @@
|
||||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #212529;
|
color: #212529;
|
||||||
padding: 0.5rem 1.5rem;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #212529;
|
color: #212529;
|
||||||
background: #e9ecef;
|
background: #e9ecef;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1.5rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
border-bottom-left-radius: 4px;
|
border-bottom-left-radius: 4px;
|
||||||
|
|
@ -791,7 +793,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -857,7 +859,7 @@
|
||||||
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
|
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
|
||||||
border-color: #007bff;
|
border-color: #007bff;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -884,6 +886,10 @@
|
||||||
padding-left: 2.5rem;
|
padding-left: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.75rem;
|
right: 0.75rem;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
|
|
@ -1023,7 +1029,7 @@
|
||||||
border-top-right-radius: 4px;
|
border-top-right-radius: 4px;
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4589,7 +4595,7 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 3.107rem;
|
right: 3.107rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.75rem;
|
padding: 0.25rem 0.75rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #ced4da;
|
border-color: #ced4da;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
|
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
|
||||||
border-color: #883cae;
|
border-color: #883cae;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #212529;
|
color: #212529;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.75rem;
|
padding: 0.25rem 0.75rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #dee2e6;
|
background: #dee2e6;
|
||||||
color: #212529;
|
color: #212529;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #883cae;
|
background: #883cae;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -499,7 +499,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -561,7 +561,7 @@
|
||||||
color: #495057;
|
color: #495057;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -665,16 +665,18 @@
|
||||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #212529;
|
color: #212529;
|
||||||
padding: 0.5rem 1.5rem;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #212529;
|
color: #212529;
|
||||||
background: #e9ecef;
|
background: #e9ecef;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1.5rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
border-bottom-left-radius: 4px;
|
border-bottom-left-radius: 4px;
|
||||||
|
|
@ -791,7 +793,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -857,7 +859,7 @@
|
||||||
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
|
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
|
||||||
border-color: #883cae;
|
border-color: #883cae;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -884,6 +886,10 @@
|
||||||
padding-left: 2.5rem;
|
padding-left: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.75rem;
|
right: 0.75rem;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
|
|
@ -1023,7 +1029,7 @@
|
||||||
border-top-right-radius: 4px;
|
border-top-right-radius: 4px;
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #dc3545;
|
border-color: #dc3545;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4589,7 +4595,7 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.857rem;
|
right: 2.857rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #323130;
|
border-color: #323130;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: inset 0 0 0 1px #605e5c;
|
box-shadow: inset 0 0 0 1px #605e5c;
|
||||||
border-color: #0078d4;
|
border-color: #0078d4;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #323130;
|
color: #323130;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #edebe9;
|
background: #edebe9;
|
||||||
color: #323130;
|
color: #323130;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a4252c;
|
border-color: #a4252c;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #edebe9;
|
background: #edebe9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a4252c;
|
border-color: #a4252c;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a4252c;
|
border-color: #a4252c;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: #605e5c;
|
color: #605e5c;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #a4252c;
|
border-color: #a4252c;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
|
box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #323130;
|
color: #323130;
|
||||||
padding: 0.75rem 0.5rem;
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #323130;
|
color: #323130;
|
||||||
background: #f3f2f1;
|
background: #f3f2f1;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.75rem 0.5rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 2px;
|
border-bottom-right-radius: 2px;
|
||||||
border-bottom-left-radius: 2px;
|
border-bottom-left-radius: 2px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a4252c;
|
border-color: #a4252c;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: inset 0 0 0 1px #605e5c;
|
box-shadow: inset 0 0 0 1px #605e5c;
|
||||||
border-color: #0078d4;
|
border-color: #0078d4;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #a4252c;
|
border-color: #a4252c;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
color: #605e5c;
|
color: #605e5c;
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 2px;
|
border-top-right-radius: 2px;
|
||||||
border-bottom-right-radius: 2px;
|
border-bottom-right-radius: 2px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #a4252c;
|
border-color: #a4252c;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4528,7 +4534,7 @@
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.786rem;
|
right: 2.786rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #FFE082;
|
border-color: #FFE082;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
border-color: #FFE082;
|
border-color: #FFE082;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.2145rem 0;
|
padding: 0.2145rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #4b4b4b;
|
background: #4b4b4b;
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #FFE082;
|
background: #FFE082;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -499,7 +499,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -561,7 +561,7 @@
|
||||||
color: #888888;
|
color: #888888;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -665,16 +665,18 @@
|
||||||
border: 1px solid #191919;
|
border: 1px solid #191919;
|
||||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
padding: 0.429rem 0.857rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
background: #4c4c4c;
|
background: #4c4c4c;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.429rem 0.857rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -791,7 +793,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -857,7 +859,7 @@
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
border-color: #FFE082;
|
border-color: #FFE082;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -884,6 +886,10 @@
|
||||||
padding-left: 1.858rem;
|
padding-left: 1.858rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 1.858rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.429rem;
|
right: 0.429rem;
|
||||||
color: #888888;
|
color: #888888;
|
||||||
|
|
@ -1023,7 +1029,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4540,7 +4546,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.786rem;
|
right: 2.786rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #81D4FA;
|
border-color: #81D4FA;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
border-color: #81D4FA;
|
border-color: #81D4FA;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.2145rem 0;
|
padding: 0.2145rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #4b4b4b;
|
background: #4b4b4b;
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #81D4FA;
|
background: #81D4FA;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -499,7 +499,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -561,7 +561,7 @@
|
||||||
color: #888888;
|
color: #888888;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -665,16 +665,18 @@
|
||||||
border: 1px solid #191919;
|
border: 1px solid #191919;
|
||||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
padding: 0.429rem 0.857rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
background: #4c4c4c;
|
background: #4c4c4c;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.429rem 0.857rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -791,7 +793,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -857,7 +859,7 @@
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
border-color: #81D4FA;
|
border-color: #81D4FA;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -884,6 +886,10 @@
|
||||||
padding-left: 1.858rem;
|
padding-left: 1.858rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 1.858rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.429rem;
|
right: 0.429rem;
|
||||||
color: #888888;
|
color: #888888;
|
||||||
|
|
@ -1023,7 +1029,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4540,7 +4546,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.786rem;
|
right: 2.786rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #C5E1A5;
|
border-color: #C5E1A5;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
border-color: #C5E1A5;
|
border-color: #C5E1A5;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.2145rem 0;
|
padding: 0.2145rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #4b4b4b;
|
background: #4b4b4b;
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #C5E1A5;
|
background: #C5E1A5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -499,7 +499,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -561,7 +561,7 @@
|
||||||
color: #888888;
|
color: #888888;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -665,16 +665,18 @@
|
||||||
border: 1px solid #191919;
|
border: 1px solid #191919;
|
||||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
padding: 0.429rem 0.857rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
background: #4c4c4c;
|
background: #4c4c4c;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.429rem 0.857rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -791,7 +793,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -857,7 +859,7 @@
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
border-color: #C5E1A5;
|
border-color: #C5E1A5;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -884,6 +886,10 @@
|
||||||
padding-left: 1.858rem;
|
padding-left: 1.858rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 1.858rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.429rem;
|
right: 0.429rem;
|
||||||
color: #888888;
|
color: #888888;
|
||||||
|
|
@ -1023,7 +1029,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4540,7 +4546,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.786rem;
|
right: 2.786rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #F48FB1;
|
border-color: #F48FB1;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
border-color: #F48FB1;
|
border-color: #F48FB1;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.2145rem 0;
|
padding: 0.2145rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #4b4b4b;
|
background: #4b4b4b;
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #F48FB1;
|
background: #F48FB1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -499,7 +499,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -561,7 +561,7 @@
|
||||||
color: #888888;
|
color: #888888;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -665,16 +665,18 @@
|
||||||
border: 1px solid #191919;
|
border: 1px solid #191919;
|
||||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
padding: 0.429rem 0.857rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
background: #4c4c4c;
|
background: #4c4c4c;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.429rem 0.857rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -791,7 +793,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -857,7 +859,7 @@
|
||||||
box-shadow: 0 0 0 0.1rem white;
|
box-shadow: 0 0 0 0.1rem white;
|
||||||
border-color: #F48FB1;
|
border-color: #F48FB1;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -884,6 +886,10 @@
|
||||||
padding-left: 1.858rem;
|
padding-left: 1.858rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 1.858rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.429rem;
|
right: 0.429rem;
|
||||||
color: #888888;
|
color: #888888;
|
||||||
|
|
@ -1023,7 +1029,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #e57373;
|
border-color: #e57373;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4540,7 +4546,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -85,39 +85,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 4rem;
|
right: 4rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: rgba(255, 255, 255, 0.6);
|
border-color: rgba(255, 255, 255, 0.6);
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-color: #CE93D8;
|
border-color: #CE93D8;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.5rem 0;
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
|
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -149,7 +149,7 @@
|
||||||
background: rgba(206, 147, 216, 0.16);
|
background: rgba(206, 147, 216, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -519,7 +519,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -581,7 +581,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -685,16 +685,18 @@
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 1rem 1rem;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.04);
|
background: rgba(255, 255, 255, 0.04);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 1rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
border-bottom-left-radius: 4px;
|
border-bottom-left-radius: 4px;
|
||||||
|
|
@ -811,7 +813,7 @@
|
||||||
width: 3rem;
|
width: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -877,7 +879,7 @@
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-color: #CE93D8;
|
border-color: #CE93D8;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -904,6 +906,10 @@
|
||||||
padding-left: 3rem;
|
padding-left: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 1rem;
|
right: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1043,7 +1049,7 @@
|
||||||
border-top-right-radius: 4px;
|
border-top-right-radius: 4px;
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4601,7 +4607,7 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
@ -4731,6 +4737,36 @@
|
||||||
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-autocomplete.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-autocomplete.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-autocomplete.p-invalid > .p-inputtext:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-autocomplete.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-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-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-button {
|
.p-button {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
@ -4875,10 +4911,11 @@
|
||||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||||
background: #1e1e1e;
|
background: #1e1e1e;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
|
||||||
}
|
}
|
||||||
.p-calendar-w-btn .p-inputtext {
|
.p-calendar-w-btn .p-inputtext {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background: transparent;
|
background-color: transparent;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
.p-calendar-w-btn .p-inputtext:enabled:focus {
|
.p-calendar-w-btn .p-inputtext:enabled:focus {
|
||||||
|
|
@ -4905,6 +4942,45 @@
|
||||||
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
|
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-datepicker .p-datepicker-header {
|
||||||
|
border-bottom: 0 none;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
|
margin: 0 auto 0 0;
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-datepicker-header .p-datepicker-prev {
|
||||||
|
order: 2;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-datepicker-header .p-datepicker-next {
|
||||||
|
order: 3;
|
||||||
|
}
|
||||||
|
.p-datepicker table th {
|
||||||
|
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
||||||
|
color: rgba(255, 255, 255, 0.38);
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
}
|
||||||
|
.p-datepicker table td.p-datepicker-today > span {
|
||||||
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
|
||||||
|
}
|
||||||
|
.p-datepicker table td.p-datepicker-today.p-highlight {
|
||||||
|
box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-calendar.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-calendar.p-invalid.p-calendar-w-btn {
|
||||||
|
border-color: #f44435;
|
||||||
|
}
|
||||||
|
.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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-input-filled .p-calendar-w-btn {
|
.p-input-filled .p-calendar-w-btn {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
|
|
@ -4934,31 +5010,37 @@
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-calendar-w-btn .p-inputtext {
|
||||||
.p-datepicker .p-datepicker-header {
|
border: 0 none;
|
||||||
border-bottom: 0 none;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-input-filled .p-calendar.p-invalid .p-inputtext {
|
||||||
margin: 0 auto 0 0;
|
border-color: transparent;
|
||||||
order: 1;
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-prev {
|
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
|
||||||
order: 2;
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-next {
|
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
|
||||||
order: 3;
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
}
|
}
|
||||||
.p-datepicker table th {
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
|
||||||
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
border-color: transparent;
|
||||||
color: rgba(255, 255, 255, 0.38);
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
font-weight: 400;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
}
|
}
|
||||||
.p-datepicker table td.p-datepicker-today > span {
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
|
||||||
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
}
|
}
|
||||||
.p-datepicker table td.p-datepicker-today.p-highlight {
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
|
||||||
box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16);
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
|
||||||
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
|
||||||
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
|
||||||
|
border: 0 none;
|
||||||
|
background-image: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||||
|
|
@ -5131,6 +5213,21 @@
|
||||||
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
|
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-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-datatable .p-sortable-column {
|
.p-datatable .p-sortable-column {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
|
|
@ -5192,6 +5289,21 @@
|
||||||
.p-input-filled .p-dropdown .p-inputtext {
|
.p-input-filled .p-dropdown .p-inputtext {
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-dropdown.p-invalid {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-dropdown.p-invalid:not(.p-disabled).p-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-galleria .p-galleria-indicators {
|
.p-galleria .p-galleria-indicators {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
|
|
@ -5208,6 +5320,9 @@
|
||||||
.p-inputtext:enabled:focus {
|
.p-inputtext:enabled:focus {
|
||||||
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
|
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
|
||||||
}
|
}
|
||||||
|
.p-inputtext:enabled:focus.p-invalid {
|
||||||
|
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-input-filled .p-inputtext {
|
.p-input-filled .p-inputtext {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
|
|
@ -5230,6 +5345,18 @@
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-size: 100% 2px, 100% 1px;
|
background-size: 100% 2px, 100% 1px;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-inputtext.p-invalid.p-component {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-filled .p-inputgroup .p-inputgroup-addon {
|
.p-input-filled .p-inputgroup .p-inputgroup-addon {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
|
|
@ -5261,6 +5388,23 @@
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-inputnumber.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-input-filled .p-inputnumber.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-inputnumber.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-inputnumber.p-invalid .p-inputtext:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.p-inputswitch .p-inputswitch-slider:before {
|
.p-inputswitch .p-inputswitch-slider:before {
|
||||||
transition-property: box-shadow transform;
|
transition-property: box-shadow transform;
|
||||||
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
|
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
|
||||||
|
|
@ -5395,6 +5539,21 @@
|
||||||
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
|
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-multiselect.p-invalid {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-multiselect.p-invalid:not(.p-disabled).p-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-overlaypanel .p-overlaypanel-content {
|
.p-overlaypanel .p-overlaypanel-content {
|
||||||
padding: 1.5rem;
|
padding: 1.5rem;
|
||||||
|
|
@ -5515,25 +5674,38 @@
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item {
|
.p-steps .p-steps-item {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item:before {
|
.p-steps .p-steps-item:before {
|
||||||
|
position: static;
|
||||||
|
left: auto;
|
||||||
|
top: auto;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
.p-steps .p-steps-item:last-child {
|
||||||
|
flex-grow: 0;
|
||||||
|
}
|
||||||
|
.p-steps .p-steps-item:last-child:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
background-color: transparent;
|
flex: 1 1 auto;
|
||||||
z-index: 1;
|
overflow: visible;
|
||||||
|
padding: 0 0.5rem;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
background-color: #9e9d9e;
|
background-color: #9e9d9e;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
margin-right: 0.5rem;
|
font-size: 0.857rem;
|
||||||
|
min-width: 1.714rem;
|
||||||
|
height: 1.714rem;
|
||||||
|
line-height: 1.714rem;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: transparent;
|
padding-left: 0.5rem;
|
||||||
color: #9e9d9e;
|
|
||||||
padding: 0 0.25rem 0 0;
|
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item.p-highlight .p-steps-number {
|
.p-steps .p-steps-item.p-highlight .p-steps-number {
|
||||||
background-color: #CE93D8;
|
background-color: #CE93D8;
|
||||||
|
|
|
||||||
|
|
@ -85,39 +85,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 4rem;
|
right: 4rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: rgba(255, 255, 255, 0.6);
|
border-color: rgba(255, 255, 255, 0.6);
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-color: #9FA8DA;
|
border-color: #9FA8DA;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.5rem 0;
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
|
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -149,7 +149,7 @@
|
||||||
background: rgba(159, 168, 218, 0.16);
|
background: rgba(159, 168, 218, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -519,7 +519,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -581,7 +581,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -685,16 +685,18 @@
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 1rem 1rem;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.04);
|
background: rgba(255, 255, 255, 0.04);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 1rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
border-bottom-left-radius: 4px;
|
border-bottom-left-radius: 4px;
|
||||||
|
|
@ -811,7 +813,7 @@
|
||||||
width: 3rem;
|
width: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -877,7 +879,7 @@
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-color: #9FA8DA;
|
border-color: #9FA8DA;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -904,6 +906,10 @@
|
||||||
padding-left: 3rem;
|
padding-left: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 1rem;
|
right: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1043,7 +1049,7 @@
|
||||||
border-top-right-radius: 4px;
|
border-top-right-radius: 4px;
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4601,7 +4607,7 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
@ -4731,6 +4737,36 @@
|
||||||
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-autocomplete.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-autocomplete.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-autocomplete.p-invalid > .p-inputtext:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-autocomplete.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-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-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-button {
|
.p-button {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
@ -4875,10 +4911,11 @@
|
||||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||||
background: #1e1e1e;
|
background: #1e1e1e;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
|
||||||
}
|
}
|
||||||
.p-calendar-w-btn .p-inputtext {
|
.p-calendar-w-btn .p-inputtext {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background: transparent;
|
background-color: transparent;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
.p-calendar-w-btn .p-inputtext:enabled:focus {
|
.p-calendar-w-btn .p-inputtext:enabled:focus {
|
||||||
|
|
@ -4905,6 +4942,45 @@
|
||||||
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
|
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-datepicker .p-datepicker-header {
|
||||||
|
border-bottom: 0 none;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
|
margin: 0 auto 0 0;
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-datepicker-header .p-datepicker-prev {
|
||||||
|
order: 2;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-datepicker-header .p-datepicker-next {
|
||||||
|
order: 3;
|
||||||
|
}
|
||||||
|
.p-datepicker table th {
|
||||||
|
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
||||||
|
color: rgba(255, 255, 255, 0.38);
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
}
|
||||||
|
.p-datepicker table td.p-datepicker-today > span {
|
||||||
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
|
||||||
|
}
|
||||||
|
.p-datepicker table td.p-datepicker-today.p-highlight {
|
||||||
|
box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-calendar.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-calendar.p-invalid.p-calendar-w-btn {
|
||||||
|
border-color: #f44435;
|
||||||
|
}
|
||||||
|
.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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-input-filled .p-calendar-w-btn {
|
.p-input-filled .p-calendar-w-btn {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
|
|
@ -4934,31 +5010,37 @@
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-calendar-w-btn .p-inputtext {
|
||||||
.p-datepicker .p-datepicker-header {
|
border: 0 none;
|
||||||
border-bottom: 0 none;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-input-filled .p-calendar.p-invalid .p-inputtext {
|
||||||
margin: 0 auto 0 0;
|
border-color: transparent;
|
||||||
order: 1;
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-prev {
|
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
|
||||||
order: 2;
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-next {
|
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
|
||||||
order: 3;
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
}
|
}
|
||||||
.p-datepicker table th {
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
|
||||||
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
border-color: transparent;
|
||||||
color: rgba(255, 255, 255, 0.38);
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
font-weight: 400;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
}
|
}
|
||||||
.p-datepicker table td.p-datepicker-today > span {
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
|
||||||
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
}
|
}
|
||||||
.p-datepicker table td.p-datepicker-today.p-highlight {
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
|
||||||
box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16);
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
|
||||||
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
|
||||||
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
|
||||||
|
border: 0 none;
|
||||||
|
background-image: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||||
|
|
@ -5131,6 +5213,21 @@
|
||||||
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
|
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-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-datatable .p-sortable-column {
|
.p-datatable .p-sortable-column {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
|
|
@ -5192,6 +5289,21 @@
|
||||||
.p-input-filled .p-dropdown .p-inputtext {
|
.p-input-filled .p-dropdown .p-inputtext {
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-dropdown.p-invalid {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-dropdown.p-invalid:not(.p-disabled).p-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-galleria .p-galleria-indicators {
|
.p-galleria .p-galleria-indicators {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
|
|
@ -5208,6 +5320,9 @@
|
||||||
.p-inputtext:enabled:focus {
|
.p-inputtext:enabled:focus {
|
||||||
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
|
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
|
||||||
}
|
}
|
||||||
|
.p-inputtext:enabled:focus.p-invalid {
|
||||||
|
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-input-filled .p-inputtext {
|
.p-input-filled .p-inputtext {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
|
|
@ -5230,6 +5345,18 @@
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-size: 100% 2px, 100% 1px;
|
background-size: 100% 2px, 100% 1px;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-inputtext.p-invalid.p-component {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-filled .p-inputgroup .p-inputgroup-addon {
|
.p-input-filled .p-inputgroup .p-inputgroup-addon {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
|
|
@ -5261,6 +5388,23 @@
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-inputnumber.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-input-filled .p-inputnumber.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-inputnumber.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-inputnumber.p-invalid .p-inputtext:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.p-inputswitch .p-inputswitch-slider:before {
|
.p-inputswitch .p-inputswitch-slider:before {
|
||||||
transition-property: box-shadow transform;
|
transition-property: box-shadow transform;
|
||||||
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
|
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
|
||||||
|
|
@ -5395,6 +5539,21 @@
|
||||||
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
|
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-multiselect.p-invalid {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-multiselect.p-invalid:not(.p-disabled).p-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-overlaypanel .p-overlaypanel-content {
|
.p-overlaypanel .p-overlaypanel-content {
|
||||||
padding: 1.5rem;
|
padding: 1.5rem;
|
||||||
|
|
@ -5515,25 +5674,38 @@
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item {
|
.p-steps .p-steps-item {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item:before {
|
.p-steps .p-steps-item:before {
|
||||||
|
position: static;
|
||||||
|
left: auto;
|
||||||
|
top: auto;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
.p-steps .p-steps-item:last-child {
|
||||||
|
flex-grow: 0;
|
||||||
|
}
|
||||||
|
.p-steps .p-steps-item:last-child:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
background-color: transparent;
|
flex: 1 1 auto;
|
||||||
z-index: 1;
|
overflow: visible;
|
||||||
|
padding: 0 0.5rem;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
background-color: #9e9d9e;
|
background-color: #9e9d9e;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
margin-right: 0.5rem;
|
font-size: 0.857rem;
|
||||||
|
min-width: 1.714rem;
|
||||||
|
height: 1.714rem;
|
||||||
|
line-height: 1.714rem;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: transparent;
|
padding-left: 0.5rem;
|
||||||
color: #9e9d9e;
|
|
||||||
padding: 0 0.25rem 0 0;
|
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item.p-highlight .p-steps-number {
|
.p-steps .p-steps-item.p-highlight .p-steps-number {
|
||||||
background-color: #9FA8DA;
|
background-color: #9FA8DA;
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -85,39 +85,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 3rem;
|
right: 3rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.375rem 0.75rem;
|
padding: 0.375rem 0.75rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: rgba(255, 255, 255, 0.6);
|
border-color: rgba(255, 255, 255, 0.6);
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-color: #673AB7;
|
border-color: #673AB7;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.375rem 0;
|
padding: 0.375rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
|
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.375rem 0.75rem;
|
padding: 0.375rem 0.75rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -149,7 +149,7 @@
|
||||||
background: rgba(103, 58, 183, 0.16);
|
background: rgba(103, 58, 183, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -519,7 +519,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -581,7 +581,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -685,16 +685,18 @@
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0.75rem 0.75rem;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.04);
|
background: rgba(255, 255, 255, 0.04);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.75rem 0.75rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
border-bottom-left-radius: 4px;
|
border-bottom-left-radius: 4px;
|
||||||
|
|
@ -811,7 +813,7 @@
|
||||||
width: 2.25rem;
|
width: 2.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -877,7 +879,7 @@
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-color: #673AB7;
|
border-color: #673AB7;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -904,6 +906,10 @@
|
||||||
padding-left: 2.5rem;
|
padding-left: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.75rem;
|
right: 0.75rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1043,7 +1049,7 @@
|
||||||
border-top-right-radius: 4px;
|
border-top-right-radius: 4px;
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4601,7 +4607,7 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
@ -4731,6 +4737,36 @@
|
||||||
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-autocomplete.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-autocomplete.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-autocomplete.p-invalid > .p-inputtext:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-autocomplete.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-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-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-button {
|
.p-button {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
@ -4875,10 +4911,11 @@
|
||||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||||
background: #1e1e1e;
|
background: #1e1e1e;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
|
||||||
}
|
}
|
||||||
.p-calendar-w-btn .p-inputtext {
|
.p-calendar-w-btn .p-inputtext {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background: transparent;
|
background-color: transparent;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
.p-calendar-w-btn .p-inputtext:enabled:focus {
|
.p-calendar-w-btn .p-inputtext:enabled:focus {
|
||||||
|
|
@ -4905,6 +4942,45 @@
|
||||||
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
|
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-datepicker .p-datepicker-header {
|
||||||
|
border-bottom: 0 none;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
|
margin: 0 auto 0 0;
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-datepicker-header .p-datepicker-prev {
|
||||||
|
order: 2;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-datepicker-header .p-datepicker-next {
|
||||||
|
order: 3;
|
||||||
|
}
|
||||||
|
.p-datepicker table th {
|
||||||
|
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
||||||
|
color: rgba(255, 255, 255, 0.38);
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
}
|
||||||
|
.p-datepicker table td.p-datepicker-today > span {
|
||||||
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
|
||||||
|
}
|
||||||
|
.p-datepicker table td.p-datepicker-today.p-highlight {
|
||||||
|
box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.16);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-calendar.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-calendar.p-invalid.p-calendar-w-btn {
|
||||||
|
border-color: #f44435;
|
||||||
|
}
|
||||||
|
.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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-input-filled .p-calendar-w-btn {
|
.p-input-filled .p-calendar-w-btn {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
|
|
@ -4934,31 +5010,37 @@
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-calendar-w-btn .p-inputtext {
|
||||||
.p-datepicker .p-datepicker-header {
|
border: 0 none;
|
||||||
border-bottom: 0 none;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-input-filled .p-calendar.p-invalid .p-inputtext {
|
||||||
margin: 0 auto 0 0;
|
border-color: transparent;
|
||||||
order: 1;
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-prev {
|
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
|
||||||
order: 2;
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-next {
|
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
|
||||||
order: 3;
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
}
|
}
|
||||||
.p-datepicker table th {
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
|
||||||
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
border-color: transparent;
|
||||||
color: rgba(255, 255, 255, 0.38);
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
font-weight: 400;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
}
|
}
|
||||||
.p-datepicker table td.p-datepicker-today > span {
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
|
||||||
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
}
|
}
|
||||||
.p-datepicker table td.p-datepicker-today.p-highlight {
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
|
||||||
box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.16);
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
|
||||||
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
|
||||||
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
|
||||||
|
border: 0 none;
|
||||||
|
background-image: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||||
|
|
@ -5131,6 +5213,21 @@
|
||||||
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
|
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-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-datatable .p-sortable-column {
|
.p-datatable .p-sortable-column {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
|
|
@ -5192,6 +5289,21 @@
|
||||||
.p-input-filled .p-dropdown .p-inputtext {
|
.p-input-filled .p-dropdown .p-inputtext {
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-dropdown.p-invalid {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-dropdown.p-invalid:not(.p-disabled).p-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-galleria .p-galleria-indicators {
|
.p-galleria .p-galleria-indicators {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
|
|
@ -5208,6 +5320,9 @@
|
||||||
.p-inputtext:enabled:focus {
|
.p-inputtext:enabled:focus {
|
||||||
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
|
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
|
||||||
}
|
}
|
||||||
|
.p-inputtext:enabled:focus.p-invalid {
|
||||||
|
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-input-filled .p-inputtext {
|
.p-input-filled .p-inputtext {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
|
|
@ -5230,6 +5345,18 @@
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-size: 100% 2px, 100% 1px;
|
background-size: 100% 2px, 100% 1px;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-inputtext.p-invalid.p-component {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-filled .p-inputgroup .p-inputgroup-addon {
|
.p-input-filled .p-inputgroup .p-inputgroup-addon {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
|
|
@ -5261,6 +5388,23 @@
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-inputnumber.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-input-filled .p-inputnumber.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-inputnumber.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-inputnumber.p-invalid .p-inputtext:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.p-inputswitch .p-inputswitch-slider:before {
|
.p-inputswitch .p-inputswitch-slider:before {
|
||||||
transition-property: box-shadow transform;
|
transition-property: box-shadow transform;
|
||||||
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
|
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
|
||||||
|
|
@ -5395,6 +5539,21 @@
|
||||||
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
|
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-multiselect.p-invalid {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-multiselect.p-invalid:not(.p-disabled).p-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-overlaypanel .p-overlaypanel-content {
|
.p-overlaypanel .p-overlaypanel-content {
|
||||||
padding: 1.5rem;
|
padding: 1.5rem;
|
||||||
|
|
@ -5515,25 +5674,38 @@
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item {
|
.p-steps .p-steps-item {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item:before {
|
.p-steps .p-steps-item:before {
|
||||||
|
position: static;
|
||||||
|
left: auto;
|
||||||
|
top: auto;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
.p-steps .p-steps-item:last-child {
|
||||||
|
flex-grow: 0;
|
||||||
|
}
|
||||||
|
.p-steps .p-steps-item:last-child:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
background-color: transparent;
|
flex: 1 1 auto;
|
||||||
z-index: 1;
|
overflow: visible;
|
||||||
|
padding: 0 0.5rem;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
background-color: #9e9d9e;
|
background-color: #9e9d9e;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
margin-right: 0.5rem;
|
font-size: 0.857rem;
|
||||||
|
min-width: 1.714rem;
|
||||||
|
height: 1.714rem;
|
||||||
|
line-height: 1.714rem;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: transparent;
|
padding-left: 0.5rem;
|
||||||
color: #9e9d9e;
|
|
||||||
padding: 0 0.25rem 0 0;
|
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item.p-highlight .p-steps-number {
|
.p-steps .p-steps-item.p-highlight .p-steps-number {
|
||||||
background-color: #673AB7;
|
background-color: #673AB7;
|
||||||
|
|
|
||||||
|
|
@ -85,39 +85,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 3rem;
|
right: 3rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.375rem 0.75rem;
|
padding: 0.375rem 0.75rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: rgba(255, 255, 255, 0.6);
|
border-color: rgba(255, 255, 255, 0.6);
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-color: #3F51B5;
|
border-color: #3F51B5;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.375rem 0;
|
padding: 0.375rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
|
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.375rem 0.75rem;
|
padding: 0.375rem 0.75rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -149,7 +149,7 @@
|
||||||
background: rgba(63, 81, 181, 0.16);
|
background: rgba(63, 81, 181, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -519,7 +519,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -581,7 +581,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -685,16 +685,18 @@
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0.75rem 0.75rem;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.04);
|
background: rgba(255, 255, 255, 0.04);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.75rem 0.75rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
border-bottom-left-radius: 4px;
|
border-bottom-left-radius: 4px;
|
||||||
|
|
@ -811,7 +813,7 @@
|
||||||
width: 2.25rem;
|
width: 2.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -877,7 +879,7 @@
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-color: #3F51B5;
|
border-color: #3F51B5;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -904,6 +906,10 @@
|
||||||
padding-left: 2.5rem;
|
padding-left: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.75rem;
|
right: 0.75rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1043,7 +1049,7 @@
|
||||||
border-top-right-radius: 4px;
|
border-top-right-radius: 4px;
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #f44435;
|
border-color: #f44435;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4601,7 +4607,7 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
@ -4731,6 +4737,36 @@
|
||||||
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-autocomplete.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-autocomplete.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-autocomplete.p-invalid > .p-inputtext:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-autocomplete.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-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-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-button {
|
.p-button {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
@ -4875,10 +4911,11 @@
|
||||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||||
background: #1e1e1e;
|
background: #1e1e1e;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
|
||||||
}
|
}
|
||||||
.p-calendar-w-btn .p-inputtext {
|
.p-calendar-w-btn .p-inputtext {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background: transparent;
|
background-color: transparent;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
.p-calendar-w-btn .p-inputtext:enabled:focus {
|
.p-calendar-w-btn .p-inputtext:enabled:focus {
|
||||||
|
|
@ -4905,6 +4942,45 @@
|
||||||
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
|
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-datepicker .p-datepicker-header {
|
||||||
|
border-bottom: 0 none;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
||||||
|
margin: 0 auto 0 0;
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-datepicker-header .p-datepicker-prev {
|
||||||
|
order: 2;
|
||||||
|
}
|
||||||
|
.p-datepicker .p-datepicker-header .p-datepicker-next {
|
||||||
|
order: 3;
|
||||||
|
}
|
||||||
|
.p-datepicker table th {
|
||||||
|
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
||||||
|
color: rgba(255, 255, 255, 0.38);
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
}
|
||||||
|
.p-datepicker table td.p-datepicker-today > span {
|
||||||
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
|
||||||
|
}
|
||||||
|
.p-datepicker table td.p-datepicker-today.p-highlight {
|
||||||
|
box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.16);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-calendar.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-calendar.p-invalid.p-calendar-w-btn {
|
||||||
|
border-color: #f44435;
|
||||||
|
}
|
||||||
|
.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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-input-filled .p-calendar-w-btn {
|
.p-input-filled .p-calendar-w-btn {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
|
|
@ -4934,31 +5010,37 @@
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-calendar-w-btn .p-inputtext {
|
||||||
.p-datepicker .p-datepicker-header {
|
border: 0 none;
|
||||||
border-bottom: 0 none;
|
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-title {
|
.p-input-filled .p-calendar.p-invalid .p-inputtext {
|
||||||
margin: 0 auto 0 0;
|
border-color: transparent;
|
||||||
order: 1;
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-prev {
|
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
|
||||||
order: 2;
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
}
|
}
|
||||||
.p-datepicker .p-datepicker-header .p-datepicker-next {
|
.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
|
||||||
order: 3;
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
}
|
}
|
||||||
.p-datepicker table th {
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
|
||||||
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
border-color: transparent;
|
||||||
color: rgba(255, 255, 255, 0.38);
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
font-weight: 400;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
}
|
}
|
||||||
.p-datepicker table td.p-datepicker-today > span {
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
|
||||||
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
}
|
}
|
||||||
.p-datepicker table td.p-datepicker-today.p-highlight {
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
|
||||||
box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.16);
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
|
||||||
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
|
||||||
|
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
|
||||||
|
border: 0 none;
|
||||||
|
background-image: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||||
|
|
@ -5131,6 +5213,21 @@
|
||||||
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
|
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-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-datatable .p-sortable-column {
|
.p-datatable .p-sortable-column {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
|
|
@ -5192,6 +5289,21 @@
|
||||||
.p-input-filled .p-dropdown .p-inputtext {
|
.p-input-filled .p-dropdown .p-inputtext {
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-dropdown.p-invalid {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-dropdown.p-invalid:not(.p-disabled).p-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-galleria .p-galleria-indicators {
|
.p-galleria .p-galleria-indicators {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
|
|
@ -5208,6 +5320,9 @@
|
||||||
.p-inputtext:enabled:focus {
|
.p-inputtext:enabled:focus {
|
||||||
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
|
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
|
||||||
}
|
}
|
||||||
|
.p-inputtext:enabled:focus.p-invalid {
|
||||||
|
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-input-filled .p-inputtext {
|
.p-input-filled .p-inputtext {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
|
|
@ -5230,6 +5345,18 @@
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-size: 100% 2px, 100% 1px;
|
background-size: 100% 2px, 100% 1px;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-inputtext.p-invalid.p-component {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-filled .p-inputgroup .p-inputgroup-addon {
|
.p-input-filled .p-inputgroup .p-inputgroup-addon {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
|
|
@ -5261,6 +5388,23 @@
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-inputnumber.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-input-filled .p-inputnumber.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-inputnumber.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-inputnumber.p-invalid .p-inputtext:enabled:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.p-inputswitch .p-inputswitch-slider:before {
|
.p-inputswitch .p-inputswitch-slider:before {
|
||||||
transition-property: box-shadow transform;
|
transition-property: box-shadow transform;
|
||||||
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
|
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
|
||||||
|
|
@ -5395,6 +5539,21 @@
|
||||||
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
|
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
}
|
}
|
||||||
|
.p-input-filled .p-multiselect.p-invalid {
|
||||||
|
border-color: transparent;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
|
||||||
|
box-shadow: none;
|
||||||
|
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-multiselect.p-invalid:not(.p-disabled).p-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-overlaypanel .p-overlaypanel-content {
|
.p-overlaypanel .p-overlaypanel-content {
|
||||||
padding: 1.5rem;
|
padding: 1.5rem;
|
||||||
|
|
@ -5515,25 +5674,38 @@
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item {
|
.p-steps .p-steps-item {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item:before {
|
.p-steps .p-steps-item:before {
|
||||||
|
position: static;
|
||||||
|
left: auto;
|
||||||
|
top: auto;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
.p-steps .p-steps-item:last-child {
|
||||||
|
flex-grow: 0;
|
||||||
|
}
|
||||||
|
.p-steps .p-steps-item:last-child:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link {
|
.p-steps .p-steps-item .p-menuitem-link {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
background-color: transparent;
|
flex: 1 1 auto;
|
||||||
z-index: 1;
|
overflow: visible;
|
||||||
|
padding: 0 0.5rem;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
||||||
background-color: #9e9d9e;
|
background-color: #9e9d9e;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
margin-right: 0.5rem;
|
font-size: 0.857rem;
|
||||||
|
min-width: 1.714rem;
|
||||||
|
height: 1.714rem;
|
||||||
|
line-height: 1.714rem;
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
|
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: transparent;
|
padding-left: 0.5rem;
|
||||||
color: #9e9d9e;
|
|
||||||
padding: 0 0.25rem 0 0;
|
|
||||||
}
|
}
|
||||||
.p-steps .p-steps-item.p-highlight .p-steps-number {
|
.p-steps .p-steps-item.p-highlight .p-steps-number {
|
||||||
background-color: #3F51B5;
|
background-color: #3F51B5;
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.786rem;
|
right: 2.786rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #212121;
|
border-color: #212121;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||||
border-color: #007ad9;
|
border-color: #007ad9;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.2145rem 0;
|
padding: 0.2145rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #c8c8c8;
|
background: #c8c8c8;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #e02365;
|
background: #e02365;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: #848484;
|
color: #848484;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 1px solid #c8c8c8;
|
border: 1px solid #c8c8c8;
|
||||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
padding: 0.429rem 0.857rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
background: #eaeaea;
|
background: #eaeaea;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.429rem 0.857rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||||
border-color: #007ad9;
|
border-color: #007ad9;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 1.858rem;
|
padding-left: 1.858rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 1.858rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.429rem;
|
right: 0.429rem;
|
||||||
color: #848484;
|
color: #848484;
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4528,7 +4534,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.786rem;
|
right: 2.786rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #212121;
|
border-color: #212121;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||||
border-color: #007ad9;
|
border-color: #007ad9;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.2145rem 0;
|
padding: 0.2145rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #c8c8c8;
|
background: #c8c8c8;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #007ad9;
|
background: #007ad9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -499,7 +499,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -561,7 +561,7 @@
|
||||||
color: #848484;
|
color: #848484;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -665,16 +665,18 @@
|
||||||
border: 1px solid #c8c8c8;
|
border: 1px solid #c8c8c8;
|
||||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
padding: 0.429rem 0.857rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
background: #eaeaea;
|
background: #eaeaea;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.429rem 0.857rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -791,7 +793,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -857,7 +859,7 @@
|
||||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||||
border-color: #007ad9;
|
border-color: #007ad9;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -884,6 +886,10 @@
|
||||||
padding-left: 1.858rem;
|
padding-left: 1.858rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 1.858rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.429rem;
|
right: 0.429rem;
|
||||||
color: #848484;
|
color: #848484;
|
||||||
|
|
@ -1023,7 +1029,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4540,7 +4546,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.786rem;
|
right: 2.786rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #212121;
|
border-color: #212121;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #c2e9d8;
|
box-shadow: 0 0 0 0.2rem #c2e9d8;
|
||||||
border-color: #41b883;
|
border-color: #41b883;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.2145rem 0;
|
padding: 0.2145rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #c8c8c8;
|
background: #c8c8c8;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #41b883;
|
background: #41b883;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -499,7 +499,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -561,7 +561,7 @@
|
||||||
color: #848484;
|
color: #848484;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -665,16 +665,18 @@
|
||||||
border: 1px solid #c8c8c8;
|
border: 1px solid #c8c8c8;
|
||||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
padding: 0.429rem 0.857rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
background: #eaeaea;
|
background: #eaeaea;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.429rem 0.857rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -791,7 +793,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -857,7 +859,7 @@
|
||||||
box-shadow: 0 0 0 0.2rem #c2e9d8;
|
box-shadow: 0 0 0 0.2rem #c2e9d8;
|
||||||
border-color: #41b883;
|
border-color: #41b883;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -884,6 +886,10 @@
|
||||||
padding-left: 1.858rem;
|
padding-left: 1.858rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 1.858rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.429rem;
|
right: 0.429rem;
|
||||||
color: #848484;
|
color: #848484;
|
||||||
|
|
@ -1023,7 +1029,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4540,7 +4546,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.786rem;
|
right: 2.786rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #212121;
|
border-color: #212121;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||||
border-color: #007ad9;
|
border-color: #007ad9;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.2145rem 0;
|
padding: 0.2145rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #c8c8c8;
|
background: #c8c8c8;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #007ad9;
|
background: #007ad9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -499,7 +499,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -561,7 +561,7 @@
|
||||||
color: #848484;
|
color: #848484;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -665,16 +665,18 @@
|
||||||
border: 1px solid #c8c8c8;
|
border: 1px solid #c8c8c8;
|
||||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
padding: 0.429rem 0.857rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
background: #eaeaea;
|
background: #eaeaea;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.429rem 0.857rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -791,7 +793,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -857,7 +859,7 @@
|
||||||
box-shadow: 0 0 0 0.2rem #8dcdff;
|
box-shadow: 0 0 0 0.2rem #8dcdff;
|
||||||
border-color: #007ad9;
|
border-color: #007ad9;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -884,6 +886,10 @@
|
||||||
padding-left: 1.858rem;
|
padding-left: 1.858rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 1.858rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.429rem;
|
right: 0.429rem;
|
||||||
color: #848484;
|
color: #848484;
|
||||||
|
|
@ -1023,7 +1029,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #a80000;
|
border-color: #a80000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4540,7 +4546,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.786rem;
|
right: 2.786rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #a6a6a6;
|
border-color: #a6a6a6;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #e4e9ec;
|
box-shadow: 0 0 0 0.2rem #e4e9ec;
|
||||||
border-color: #7B95A3;
|
border-color: #7B95A3;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.2145rem 0;
|
padding: 0.2145rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.2145rem 0.429rem;
|
padding: 0.2145rem 0.429rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #dadada;
|
background: #dadada;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e7a3a3;
|
border-color: #e7a3a3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #AFD3C8;
|
background: #AFD3C8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e7a3a3;
|
border-color: #e7a3a3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e7a3a3;
|
border-color: #e7a3a3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: #a6a6a6;
|
color: #a6a6a6;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #e7a3a3;
|
border-color: #e7a3a3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 1px solid #eaeaea;
|
border: 1px solid #eaeaea;
|
||||||
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
|
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #666666;
|
color: #666666;
|
||||||
padding: 0.429rem 0.857rem;
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #666666;
|
color: #666666;
|
||||||
background: #f4f4f4;
|
background: #f4f4f4;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.429rem 0.857rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 2px;
|
border-bottom-right-radius: 2px;
|
||||||
border-bottom-left-radius: 2px;
|
border-bottom-left-radius: 2px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #e7a3a3;
|
border-color: #e7a3a3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 0.2rem #e4e9ec;
|
box-shadow: 0 0 0 0.2rem #e4e9ec;
|
||||||
border-color: #7B95A3;
|
border-color: #7B95A3;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #e7a3a3;
|
border-color: #e7a3a3;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 1.858rem;
|
padding-left: 1.858rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 1.858rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.429rem;
|
right: 0.429rem;
|
||||||
color: #a6a6a6;
|
color: #a6a6a6;
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 2px;
|
border-top-right-radius: 2px;
|
||||||
border-bottom-right-radius: 2px;
|
border-bottom-right-radius: 2px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #e7a3a3;
|
border-color: #e7a3a3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4528,7 +4534,7 @@
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.857rem;
|
right: 2.857rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #2196F3;
|
border-color: #2196F3;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #a6d5fa;
|
box-shadow: 0 0 0 0.2rem #a6d5fa;
|
||||||
border-color: #2196F3;
|
border-color: #2196F3;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #dee2e6;
|
background: #dee2e6;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #E3F2FD;
|
background: #E3F2FD;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background: #e9ecef;
|
background: #e9ecef;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 0.2rem #a6d5fa;
|
box-shadow: 0 0 0 0.2rem #a6d5fa;
|
||||||
border-color: #2196F3;
|
border-color: #2196F3;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4577,7 +4583,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.857rem;
|
right: 2.857rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #4CAF50;
|
border-color: #4CAF50;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #b7e0b8;
|
box-shadow: 0 0 0 0.2rem #b7e0b8;
|
||||||
border-color: #4CAF50;
|
border-color: #4CAF50;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #dee2e6;
|
background: #dee2e6;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #E8F5E9;
|
background: #E8F5E9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background: #e9ecef;
|
background: #e9ecef;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 0.2rem #b7e0b8;
|
box-shadow: 0 0 0 0.2rem #b7e0b8;
|
||||||
border-color: #4CAF50;
|
border-color: #4CAF50;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4577,7 +4583,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.857rem;
|
right: 2.857rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #FFC107;
|
border-color: #FFC107;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #ffe69c;
|
box-shadow: 0 0 0 0.2rem #ffe69c;
|
||||||
border-color: #FFC107;
|
border-color: #FFC107;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #dee2e6;
|
background: #dee2e6;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #FFF3E0;
|
background: #FFF3E0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background: #e9ecef;
|
background: #e9ecef;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 0.2rem #ffe69c;
|
box-shadow: 0 0 0 0.2rem #ffe69c;
|
||||||
border-color: #FFC107;
|
border-color: #FFC107;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4577,7 +4583,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.857rem;
|
right: 2.857rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #9C27B0;
|
border-color: #9C27B0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 0.2rem #df9eea;
|
box-shadow: 0 0 0 0.2rem #df9eea;
|
||||||
border-color: #9C27B0;
|
border-color: #9C27B0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #dee2e6;
|
background: #dee2e6;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: #F3E5F5;
|
background: #F3E5F5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background: #e9ecef;
|
background: #e9ecef;
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 0.2rem #df9eea;
|
box-shadow: 0 0 0 0.2rem #df9eea;
|
||||||
border-color: #9C27B0;
|
border-color: #9C27B0;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
color: #6c757d;
|
color: #6c757d;
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #f44336;
|
border-color: #f44336;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4577,7 +4583,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.857rem;
|
right: 2.857rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #64B5F6;
|
border-color: #64B5F6;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #93cbf9;
|
box-shadow: 0 0 0 1px #93cbf9;
|
||||||
border-color: #64B5F6;
|
border-color: #64B5F6;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #304562;
|
background: #304562;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: rgba(100, 181, 246, 0.16);
|
background: rgba(100, 181, 246, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 1px solid #304562;
|
border: 1px solid #304562;
|
||||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.03);
|
background: rgba(255, 255, 255, 0.03);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 1px #93cbf9;
|
box-shadow: 0 0 0 1px #93cbf9;
|
||||||
border-color: #64B5F6;
|
border-color: #64B5F6;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4577,7 +4583,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.857rem;
|
right: 2.857rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #81C784;
|
border-color: #81C784;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #a7d8a9;
|
box-shadow: 0 0 0 1px #a7d8a9;
|
||||||
border-color: #81C784;
|
border-color: #81C784;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #304562;
|
background: #304562;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: rgba(129, 199, 132, 0.16);
|
background: rgba(129, 199, 132, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 1px solid #304562;
|
border: 1px solid #304562;
|
||||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.03);
|
background: rgba(255, 255, 255, 0.03);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 1px #a7d8a9;
|
box-shadow: 0 0 0 1px #a7d8a9;
|
||||||
border-color: #81C784;
|
border-color: #81C784;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4577,7 +4583,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.857rem;
|
right: 2.857rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #FFD54F;
|
border-color: #FFD54F;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #ffe284;
|
box-shadow: 0 0 0 1px #ffe284;
|
||||||
border-color: #FFD54F;
|
border-color: #FFD54F;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #304562;
|
background: #304562;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: rgba(255, 213, 79, 0.16);
|
background: rgba(255, 213, 79, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 1px solid #304562;
|
border: 1px solid #304562;
|
||||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.03);
|
background: rgba(255, 255, 255, 0.03);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 1px #ffe284;
|
box-shadow: 0 0 0 1px #ffe284;
|
||||||
border-color: #FFD54F;
|
border-color: #FFD54F;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4577,7 +4583,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -61,39 +61,39 @@
|
||||||
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
|
||||||
right: 2.857rem;
|
right: 2.857rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
|
.p-autocomplete .p-autocomplete-multiple-container {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
|
||||||
border-color: #BA68C8;
|
border-color: #BA68C8;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
||||||
outline: 0 none;
|
outline: 0 none;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
box-shadow: 0 0 0 1px #cf95d9;
|
box-shadow: 0 0 0 1px #cf95d9;
|
||||||
border-color: #BA68C8;
|
border-color: #BA68C8;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
background: #304562;
|
background: #304562;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
|
.p-autocomplete.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
background: rgba(186, 104, 200, 0.16);
|
background: rgba(186, 104, 200, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
|
.p-calendar.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -495,7 +495,7 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
|
.p-chips.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -557,7 +557,7 @@
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
right: 2.357rem;
|
right: 2.357rem;
|
||||||
}
|
}
|
||||||
.p-dropdown.p-error, .p-dropdown.p-invalid {
|
.p-dropdown.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -661,16 +661,18 @@
|
||||||
border: 1px solid #304562;
|
border: 1px solid #304562;
|
||||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
background: rgba(255, 255, 255, 0.03);
|
background: rgba(255, 255, 255, 0.03);
|
||||||
}
|
}
|
||||||
|
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
}
|
||||||
.p-editor-container .p-editor-content {
|
.p-editor-container .p-editor-content {
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
|
|
@ -787,7 +789,7 @@
|
||||||
width: 2.357rem;
|
width: 2.357rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputnumber.p-error > .p-inputtext, .p-inputnumber.p-invalid > .p-inputtext {
|
.p-inputnumber.p-invalid.p-component > .p-inputtext {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -853,7 +855,7 @@
|
||||||
box-shadow: 0 0 0 1px #cf95d9;
|
box-shadow: 0 0 0 1px #cf95d9;
|
||||||
border-color: #BA68C8;
|
border-color: #BA68C8;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-error, .p-inputtext.p-invalid {
|
.p-inputtext.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
.p-inputtext.p-inputtext-sm {
|
.p-inputtext.p-inputtext-sm {
|
||||||
|
|
@ -880,6 +882,10 @@
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.p-input-icon-left.p-float-label > label {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.p-input-icon-right > i:last-of-type {
|
.p-input-icon-right > i:last-of-type {
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
|
@ -1019,7 +1025,7 @@
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-multiselect.p-error, .p-multiselect.p-invalid {
|
.p-multiselect.p-invalid.p-component {
|
||||||
border-color: #ef9a9a;
|
border-color: #ef9a9a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4577,7 +4583,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.p-skeleton:after {
|
.p-skeleton:after {
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-tag {
|
.p-tag {
|
||||||
|
|
|
||||||
|
|
@ -397,6 +397,11 @@ const routes = [
|
||||||
name: 'inputnumber',
|
name: 'inputnumber',
|
||||||
component: () => import('../views/inputnumber/InputNumberDemo.vue')
|
component: () => import('../views/inputnumber/InputNumberDemo.vue')
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/invalid',
|
||||||
|
name: 'invalid',
|
||||||
|
component: () => import('../views/invalid/InvalidDemo.vue')
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: '/scrolltop',
|
path: '/scrolltop',
|
||||||
name: 'scrolltop',
|
name: 'scrolltop',
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<span class="p-float-label">
|
<span class="p-float-label">
|
||||||
<chips id="chips" v-model="value4" />
|
<Chips id="chips" v-model="value4" />
|
||||||
<label for="chips">Chips</label>
|
<label for="chips">Chips</label>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -106,7 +106,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-4">
|
<div class="p-field p-col-12 p-md-4">
|
||||||
<span class="p-float-label">
|
<span class="p-float-label">
|
||||||
<chips id="chips" v-model="value4" />
|
<Chips id="chips" v-model="value4" />
|
||||||
<label for="chips">Chips</label>
|
<label for="chips">Chips</label>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,193 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="content-section introduction">
|
||||||
|
<div class="feature-intro">
|
||||||
|
<h1>Invalid State</h1>
|
||||||
|
<p>All form components have an invalid state style to display the validation errors.</p>
|
||||||
|
</div>
|
||||||
|
<AppInputStyleSwitch />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section implementation">
|
||||||
|
<div class="card">
|
||||||
|
<div class="p-fluid p-grid">
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<InputText id="inputtext" type="text" v-model="value1" placeholder="InputText" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<AutoComplete v-model="value2" :suggestions="filteredCountries" multiple @complete="searchCountry($event)" field="name" placeholder="AutoComplete" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<Calendar id="calendar" v-model="value3" placeholder="Calendar" class="p-invalid" :showIcon="true" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<Chips id="chips" v-model="value4" placeholder="Chips" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<InputMask id="inputmask" v-model="value5" mask="99/99/9999" slotChar="mm/dd/yyyy" placeholder="InputMask" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<InputNumber id="inputnumber" v-model="value6" placeholder="InputNumber" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<Dropdown id="dropdown" v-model="value7" :options="cities" optionLabel="name" placeholder="Dropdown" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<MultiSelect id="multiselect" v-model="value8" :options="cities" optionLabel="name" placeholder="MultiSelect" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<Textarea id="textarea" v-model="value9" rows="3" placeholder="Textarea" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-section documentation">
|
||||||
|
<TabView>
|
||||||
|
<TabPanel header="Source">
|
||||||
|
<pre v-code>
|
||||||
|
<code><template v-pre>
|
||||||
|
<div class="p-fluid p-grid">
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<InputText id="inputtext" type="text" v-model="value1" placeholder="InputText" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<AutoComplete v-model="value2" :suggestions="filteredCountries" multiple @complete="searchCountry($event)" field="name" placeholder="AutoComplete" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<Calendar id="calendar" v-model="value3" placeholder="Calendar" class="p-invalid" :showIcon="true" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<Chips id="chips" v-model="value4" placeholder="Chips" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<InputMask id="inputmask" v-model="value5" mask="99/99/9999" slotChar="mm/dd/yyyy" placeholder="InputMask" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<InputNumber id="inputnumber" v-model="value6" placeholder="InputNumber" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<Dropdown id="dropdown" v-model="value7" :options="cities" optionLabel="name" placeholder="Dropdown" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<MultiSelect id="multiselect" v-model="value8" :options="cities" optionLabel="name" placeholder="MultiSelect" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
<div class="p-field p-col-12 p-md-4">
|
||||||
|
<Textarea id="textarea" v-model="value9" rows="3" placeholder="Textarea" class="p-invalid" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</code></pre>
|
||||||
|
|
||||||
|
<pre v-code.script>
|
||||||
|
<code>
|
||||||
|
import CountryService from '../../service/CountryService';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
countries: null,
|
||||||
|
filteredCountries: null,
|
||||||
|
cities: [
|
||||||
|
{name: 'New York', code: 'NY'},
|
||||||
|
{name: 'Rome', code: 'RM'},
|
||||||
|
{name: 'London', code: 'LDN'},
|
||||||
|
{name: 'Istanbul', code: 'IST'},
|
||||||
|
{name: 'Paris', code: 'PRS'}
|
||||||
|
],
|
||||||
|
value1: null,
|
||||||
|
value2: null,
|
||||||
|
value3: null,
|
||||||
|
value4: null,
|
||||||
|
value5: null,
|
||||||
|
value6: null,
|
||||||
|
value7: null,
|
||||||
|
value8: null,
|
||||||
|
value9: null
|
||||||
|
}
|
||||||
|
},
|
||||||
|
countryService: null,
|
||||||
|
created() {
|
||||||
|
this.countryService = new CountryService();
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.countryService.getCountries().then(data => this.countries = data);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
searchCountry(event) {
|
||||||
|
setTimeout(() => {
|
||||||
|
if (!event.query.trim().length) {
|
||||||
|
this.filteredCountries = [...this.countries];
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
this.filteredCountries = this.countries.filter((country) => {
|
||||||
|
return country.name.toLowerCase().startsWith(event.query.toLowerCase());
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, 250);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
</code></pre>
|
||||||
|
</TabPanel>
|
||||||
|
</TabView>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import CountryService from '../../service/CountryService';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
countries: null,
|
||||||
|
filteredCountries: null,
|
||||||
|
cities: [
|
||||||
|
{name: 'New York', code: 'NY'},
|
||||||
|
{name: 'Rome', code: 'RM'},
|
||||||
|
{name: 'London', code: 'LDN'},
|
||||||
|
{name: 'Istanbul', code: 'IST'},
|
||||||
|
{name: 'Paris', code: 'PRS'}
|
||||||
|
],
|
||||||
|
value1: null,
|
||||||
|
value2: null,
|
||||||
|
value3: null,
|
||||||
|
value4: null,
|
||||||
|
value5: null,
|
||||||
|
value6: null,
|
||||||
|
value7: null,
|
||||||
|
value8: null,
|
||||||
|
value9: null
|
||||||
|
}
|
||||||
|
},
|
||||||
|
countryService: null,
|
||||||
|
created() {
|
||||||
|
this.countryService = new CountryService();
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.countryService.getCountries().then(data => this.countries = data);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
searchCountry(event) {
|
||||||
|
setTimeout(() => {
|
||||||
|
if (!event.query.trim().length) {
|
||||||
|
this.filteredCountries = [...this.countries];
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
this.filteredCountries = this.countries.filter((country) => {
|
||||||
|
return country.name.toLowerCase().startsWith(event.query.toLowerCase());
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, 250);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
textarea {
|
||||||
|
resize: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue