vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #287 - Remove Spinner

pull/310/head
cagataycivici 2020-05-09 12:29:17 +03:00
parent 0950aadc65
commit 0bfc9c7d85
31 changed files with 480 additions and 2028 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
public/themes/luna-amber/theme.css
View File

@ -122,12 +122,12 @@
color: #212121; color: #212121;
background: #FFB300; background: #FFB300;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -336,7 +336,7 @@
background: #FF8F00; background: #FF8F00;
color: #212121; color: #212121;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #cd3a3a; border-color: #cd3a3a;
} }
@ -372,7 +372,7 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -476,7 +476,7 @@
color: #dedede; color: #dedede;
background: #4c4c4c; background: #4c4c4c;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -631,8 +631,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #FFA000; background: #FFA000;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -656,8 +655,7 @@
box-shadow: 0 0 0 0.2em #ffe8b3; box-shadow: 0 0 0 0.2em #ffe8b3;
border-color: #FFB300; border-color: #FFB300;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -732,7 +730,7 @@
color: #dedede; color: #dedede;
background: #4c4c4c; background: #4c4c4c;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -833,7 +831,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -885,7 +883,7 @@
background: #FF8F00; background: #FF8F00;
color: #212121; color: #212121;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #cd3a3a; border-color: #cd3a3a;
} }
@ -949,7 +947,7 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #212121; color: #212121;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -992,50 +990,6 @@
border-color: #FFB300; border-color: #FFB300;
} }
.p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #cd3a3a;
border-width: 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #252525; background: #252525;
border: 1px solid #252525; border: 1px solid #252525;
@ -1073,7 +1027,7 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #212121; color: #212121;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }

70
public/themes/luna-green/theme.css
View File

@ -122,12 +122,12 @@
color: #ffffff; color: #ffffff;
background: #1ea04c; background: #1ea04c;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -336,7 +336,7 @@
background: #18803c; background: #18803c;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #cd3a3a; border-color: #cd3a3a;
} }
@ -372,7 +372,7 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -476,7 +476,7 @@
color: #dedede; color: #dedede;
background: #4c4c4c; background: #4c4c4c;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -631,8 +631,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #1b9044; background: #1b9044;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -656,8 +655,7 @@
box-shadow: 0 0 0 0.2em #88e9aa; box-shadow: 0 0 0 0.2em #88e9aa;
border-color: #1ea04c; border-color: #1ea04c;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -732,7 +730,7 @@
color: #dedede; color: #dedede;
background: #4c4c4c; background: #4c4c4c;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -833,7 +831,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -885,7 +883,7 @@
background: #18803c; background: #18803c;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #cd3a3a; border-color: #cd3a3a;
} }
@ -949,7 +947,7 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -992,50 +990,6 @@
border-color: #1ea04c; border-color: #1ea04c;
} }
.p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #cd3a3a;
border-width: 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #252525; background: #252525;
border: 1px solid #252525; border: 1px solid #252525;
@ -1073,7 +1027,7 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }

70
public/themes/luna-pink/theme.css
View File

@ -122,12 +122,12 @@
color: #ffffff; color: #ffffff;
background: #cc285c; background: #cc285c;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -336,7 +336,7 @@
background: #a32049; background: #a32049;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #cd3a3a; border-color: #cd3a3a;
} }
@ -372,7 +372,7 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -476,7 +476,7 @@
color: #dedede; color: #dedede;
background: #4c4c4c; background: #4c4c4c;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -631,8 +631,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #b72452; background: #b72452;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -656,8 +655,7 @@
box-shadow: 0 0 0 0.2em #f1b6c8; box-shadow: 0 0 0 0.2em #f1b6c8;
border-color: #cc285c; border-color: #cc285c;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -732,7 +730,7 @@
color: #dedede; color: #dedede;
background: #4c4c4c; background: #4c4c4c;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -833,7 +831,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -885,7 +883,7 @@
background: #a32049; background: #a32049;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #cd3a3a; border-color: #cd3a3a;
} }
@ -949,7 +947,7 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }
@ -992,50 +990,6 @@
border-color: #cc285c; border-color: #cc285c;
} }
.p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #cd3a3a;
border-width: 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #252525; background: #252525;
border: 1px solid #252525; border: 1px solid #252525;
@ -1073,7 +1027,7 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #cd3a3a; border-color: #cd3a3a;
border-width: 1px; border-width: 1px;
} }

70
public/themes/nova-colored/theme.css
View File

@ -122,12 +122,12 @@
color: #ffffff; color: #ffffff;
background: #e02365; background: #e02365;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -336,7 +336,7 @@
background: #005b9f; background: #005b9f;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #a80000; border-color: #a80000;
} }
@ -372,7 +372,7 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -476,7 +476,7 @@
color: #333333; color: #333333;
background: #eaeaea; background: #eaeaea;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -631,8 +631,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #116fbf; background: #116fbf;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -656,8 +655,7 @@
box-shadow: 0 0 0 0.2em #8dcdff; box-shadow: 0 0 0 0.2em #8dcdff;
border-color: #007ad9; border-color: #007ad9;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -732,7 +730,7 @@
color: #333333; color: #333333;
background: #eaeaea; background: #eaeaea;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -833,7 +831,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -885,7 +883,7 @@
background: #005b9f; background: #005b9f;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #a80000; border-color: #a80000;
} }
@ -949,7 +947,7 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -992,50 +990,6 @@
border-color: #007ad9; border-color: #007ad9;
} }
.p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #dadada; background: #dadada;
border: 1px solid #dadada; border: 1px solid #dadada;
@ -1073,7 +1027,7 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }

70
public/themes/nova-dark/theme.css
View File

@ -122,12 +122,12 @@
color: #ffffff; color: #ffffff;
background: #007ad9; background: #007ad9;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -336,7 +336,7 @@
background: #005b9f; background: #005b9f;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #a80000; border-color: #a80000;
} }
@ -372,7 +372,7 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -476,7 +476,7 @@
color: #333333; color: #333333;
background: #eaeaea; background: #eaeaea;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -631,8 +631,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #116fbf; background: #116fbf;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -656,8 +655,7 @@
box-shadow: 0 0 0 0.2em #8dcdff; box-shadow: 0 0 0 0.2em #8dcdff;
border-color: #007ad9; border-color: #007ad9;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -732,7 +730,7 @@
color: #333333; color: #333333;
background: #eaeaea; background: #eaeaea;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -833,7 +831,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -885,7 +883,7 @@
background: #005b9f; background: #005b9f;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #a80000; border-color: #a80000;
} }
@ -949,7 +947,7 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -992,50 +990,6 @@
border-color: #007ad9; border-color: #007ad9;
} }
.p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #dadada; background: #dadada;
border: 1px solid #dadada; border: 1px solid #dadada;
@ -1073,7 +1027,7 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }

70
public/themes/nova-light/theme.css
View File

@ -122,12 +122,12 @@
color: #ffffff; color: #ffffff;
background: #007ad9; background: #007ad9;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -336,7 +336,7 @@
background: #005b9f; background: #005b9f;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #a80000; border-color: #a80000;
} }
@ -372,7 +372,7 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -476,7 +476,7 @@
color: #333333; color: #333333;
background: #eaeaea; background: #eaeaea;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -631,8 +631,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #116fbf; background: #116fbf;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -656,8 +655,7 @@
box-shadow: 0 0 0 0.2em #8dcdff; box-shadow: 0 0 0 0.2em #8dcdff;
border-color: #007ad9; border-color: #007ad9;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -732,7 +730,7 @@
color: #333333; color: #333333;
background: #eaeaea; background: #eaeaea;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -833,7 +831,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -885,7 +883,7 @@
background: #005b9f; background: #005b9f;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #a80000; border-color: #a80000;
} }
@ -949,7 +947,7 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -992,50 +990,6 @@
border-color: #007ad9; border-color: #007ad9;
} }
.p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #dadada; background: #dadada;
border: 1px solid #dadada; border: 1px solid #dadada;
@ -1073,7 +1027,7 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }

70
public/themes/nova-vue/theme.css
View File

@ -122,12 +122,12 @@
color: #ffffff; color: #ffffff;
background: #41b883; background: #41b883;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -336,7 +336,7 @@
background: #246749; background: #246749;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #a80000; border-color: #a80000;
} }
@ -372,7 +372,7 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -476,7 +476,7 @@
color: #333333; color: #333333;
background: #eaeaea; background: #eaeaea;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -631,8 +631,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #318c63; background: #318c63;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -656,8 +655,7 @@
box-shadow: 0 0 0 0.2em #c2e9d8; box-shadow: 0 0 0 0.2em #c2e9d8;
border-color: #41b883; border-color: #41b883;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -732,7 +730,7 @@
color: #333333; color: #333333;
background: #eaeaea; background: #eaeaea;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -833,7 +831,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -885,7 +883,7 @@
background: #246749; background: #246749;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #a80000; border-color: #a80000;
} }
@ -949,7 +947,7 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }
@ -992,50 +990,6 @@
border-color: #41b883; border-color: #41b883;
} }
.p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #a80000;
border-width: 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #dadada; background: #dadada;
border: 1px solid #dadada; border: 1px solid #dadada;
@ -1073,7 +1027,7 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #a80000; border-color: #a80000;
border-width: 1px; border-width: 1px;
} }

70
public/themes/rhea/theme.css
View File

@ -122,12 +122,12 @@
color: #385048; color: #385048;
background: #AFD3C8; background: #AFD3C8;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: e7a3a3; border-color: e7a3a3;
border-width: 1px; border-width: 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: e7a3a3; border-color: e7a3a3;
border-width: 1px; border-width: 1px;
} }
@ -336,7 +336,7 @@
background: #617c8a; background: #617c8a;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: e7a3a3; border-color: e7a3a3;
} }
@ -372,7 +372,7 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: e7a3a3; border-color: e7a3a3;
border-width: 1px; border-width: 1px;
} }
@ -476,7 +476,7 @@
color: #666666; color: #666666;
background: #f4f4f4; background: #f4f4f4;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: e7a3a3; border-color: e7a3a3;
border-width: 1px; border-width: 1px;
} }
@ -631,8 +631,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #AFD3C8; background: #AFD3C8;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error {
border-color: e7a3a3; border-color: e7a3a3;
border-width: 1px; border-width: 1px;
} }
@ -656,8 +655,7 @@
box-shadow: 0 0 0 0.2em #e4e9ec; box-shadow: 0 0 0 0.2em #e4e9ec;
border-color: #7B95A3; border-color: #7B95A3;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error {
border-color: e7a3a3; border-color: e7a3a3;
border-width: 1px; border-width: 1px;
} }
@ -732,7 +730,7 @@
color: #666666; color: #666666;
background: #f4f4f4; background: #f4f4f4;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: e7a3a3; border-color: e7a3a3;
border-width: 1px; border-width: 1px;
} }
@ -833,7 +831,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: e7a3a3; border-color: e7a3a3;
border-width: 1px; border-width: 1px;
} }
@ -885,7 +883,7 @@
background: #617c8a; background: #617c8a;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: e7a3a3; border-color: e7a3a3;
} }
@ -949,7 +947,7 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #385048; color: #385048;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: e7a3a3; border-color: e7a3a3;
border-width: 1px; border-width: 1px;
} }
@ -992,50 +990,6 @@
border-color: #7B95A3; border-color: #7B95A3;
} }
.p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.786em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: e7a3a3;
border-width: 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #eaeaea; background: #eaeaea;
border: 1px solid #eaeaea; border: 1px solid #eaeaea;
@ -1073,7 +1027,7 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #385048; color: #385048;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: e7a3a3; border-color: e7a3a3;
border-width: 1px; border-width: 1px;
} }

94
public/themes/saga-blue/theme.css
View File

@ -122,13 +122,13 @@
color: #ffffff; color: #ffffff;
background: #2196F3; background: #2196F3;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #1976D2; background: #1976D2;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #1E88E5; background: #1E88E5;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.2em #BBDEFB; box-shadow: 0 0 0 0.2em #BBDEFB;
border-color: #2196F3; border-color: #2196F3;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #1976D2; background: #1976D2;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #2196F3; border-color: #2196F3;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/saga-cyan/theme.css
View File

@ -122,13 +122,13 @@
color: #ffffff; color: #ffffff;
background: #00ACC1; background: #00ACC1;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #00838F; background: #00838F;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #0097A7; background: #0097A7;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.2em #B2EBF2; box-shadow: 0 0 0 0.2em #B2EBF2;
border-color: #00ACC1; border-color: #00ACC1;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #00838F; background: #00838F;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #00ACC1; border-color: #00ACC1;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/saga-deeppurple/theme.css
View File

@ -122,13 +122,13 @@
color: #ffffff; color: #ffffff;
background: #673AB7; background: #673AB7;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #512DA8; background: #512DA8;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #5E35B1; background: #5E35B1;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.2em #D1C4E9; box-shadow: 0 0 0 0.2em #D1C4E9;
border-color: #673AB7; border-color: #673AB7;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #512DA8; background: #512DA8;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #673AB7; border-color: #673AB7;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/saga-green/theme.css
View File

@ -122,13 +122,13 @@
color: #ffffff; color: #ffffff;
background: #4CAF50; background: #4CAF50;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #388E3C; background: #388E3C;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #43A047; background: #43A047;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.2em #C8E6C9; box-shadow: 0 0 0 0.2em #C8E6C9;
border-color: #4CAF50; border-color: #4CAF50;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #388E3C; background: #388E3C;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #4CAF50; border-color: #4CAF50;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/saga-indigo/theme.css
View File

@ -122,13 +122,13 @@
color: #ffffff; color: #ffffff;
background: #3F51B5; background: #3F51B5;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #303F9F; background: #303F9F;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #3949AB; background: #3949AB;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.2em #C5CAE9; box-shadow: 0 0 0 0.2em #C5CAE9;
border-color: #3F51B5; border-color: #3F51B5;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #303F9F; background: #303F9F;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #3F51B5; border-color: #3F51B5;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/saga-orange/theme.css
View File

@ -122,13 +122,13 @@
color: #212529; color: #212529;
background: #FFC107; background: #FFC107;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #FFA000; background: #FFA000;
color: #212529; color: #212529;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #FFB300; background: #FFB300;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.2em #FFECB3; box-shadow: 0 0 0 0.2em #FFECB3;
border-color: #FFC107; border-color: #FFC107;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #FFA000; background: #FFA000;
color: #212529; color: #212529;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #212529; color: #212529;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #FFC107; border-color: #FFC107;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #212529; color: #212529;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/saga-purple/theme.css
View File

@ -122,13 +122,13 @@
color: #ffffff; color: #ffffff;
background: #9C27B0; background: #9C27B0;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #7B1FA2; background: #7B1FA2;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #8E24AA; background: #8E24AA;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.2em #E1BEE7; box-shadow: 0 0 0 0.2em #E1BEE7;
border-color: #9C27B0; border-color: #9C27B0;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #7B1FA2; background: #7B1FA2;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #9C27B0; border-color: #9C27B0;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/saga-teal/theme.css
View File

@ -122,13 +122,13 @@
color: #ffffff; color: #ffffff;
background: #009688; background: #009688;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #00796B; background: #00796B;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #00897B; background: #00897B;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.2em #B2DFDB; box-shadow: 0 0 0 0.2em #B2DFDB;
border-color: #009688; border-color: #009688;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #f44336;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #495057; color: #495057;
background: #e9ecef; background: #e9ecef;
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #00796B; background: #00796B;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #f44336;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #009688; border-color: #009688;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #f44336;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/vela-blue/theme.css
View File

@ -122,13 +122,13 @@
color: #212529; color: #212529;
background: #64B5F6; background: #64B5F6;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #2196F3; background: #2196F3;
color: #212529; color: #212529;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #42A5F5; background: #42A5F5;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.1em #BBDEFB; box-shadow: 0 0 0 0.1em #BBDEFB;
border-color: #64B5F6; border-color: #64B5F6;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #2196F3; background: #2196F3;
color: #212529; color: #212529;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #212529; color: #212529;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #64B5F6; border-color: #64B5F6;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #2E4053; background: #2E4053;
border: 1px solid #2E4053; border: 1px solid #2E4053;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #212529; color: #212529;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/vela-cyan/theme.css
View File

@ -122,13 +122,13 @@
color: #212529; color: #212529;
background: #4DD0E1; background: #4DD0E1;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #00BCD4; background: #00BCD4;
color: #212529; color: #212529;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #26C6DA; background: #26C6DA;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.1em #B2EBF2; box-shadow: 0 0 0 0.1em #B2EBF2;
border-color: #4DD0E1; border-color: #4DD0E1;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #00BCD4; background: #00BCD4;
color: #212529; color: #212529;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #212529; color: #212529;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #4DD0E1; border-color: #4DD0E1;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #2E4053; background: #2E4053;
border: 1px solid #2E4053; border: 1px solid #2E4053;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #212529; color: #212529;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/vela-deeppurple/theme.css
View File

@ -122,13 +122,13 @@
color: #ffffff; color: #ffffff;
background: #9575CD; background: #9575CD;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #673AB7; background: #673AB7;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #7E57C2; background: #7E57C2;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.1em #D1C4E9; box-shadow: 0 0 0 0.1em #D1C4E9;
border-color: #9575CD; border-color: #9575CD;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #673AB7; background: #673AB7;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #9575CD; border-color: #9575CD;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #2E4053; background: #2E4053;
border: 1px solid #2E4053; border: 1px solid #2E4053;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/vela-green/theme.css
View File

@ -122,13 +122,13 @@
color: #212529; color: #212529;
background: #81C784; background: #81C784;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #4CAF50; background: #4CAF50;
color: #212529; color: #212529;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #66BB6A; background: #66BB6A;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.1em #C8E6C9; box-shadow: 0 0 0 0.1em #C8E6C9;
border-color: #81C784; border-color: #81C784;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #4CAF50; background: #4CAF50;
color: #212529; color: #212529;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #212529; color: #212529;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #81C784; border-color: #81C784;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #2E4053; background: #2E4053;
border: 1px solid #2E4053; border: 1px solid #2E4053;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #212529; color: #212529;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/vela-indigo/theme.css
View File

@ -122,13 +122,13 @@
color: #ffffff; color: #ffffff;
background: #7986CB; background: #7986CB;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #3F51B5; background: #3F51B5;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #5C6BC0; background: #5C6BC0;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.1em #C5CAE9; box-shadow: 0 0 0 0.1em #C5CAE9;
border-color: #7986CB; border-color: #7986CB;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #3F51B5; background: #3F51B5;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #7986CB; border-color: #7986CB;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #2E4053; background: #2E4053;
border: 1px solid #2E4053; border: 1px solid #2E4053;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/vela-orange/theme.css
View File

@ -122,13 +122,13 @@
color: #212529; color: #212529;
background: #FFD54F; background: #FFD54F;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #FFC107; background: #FFC107;
color: #212529; color: #212529;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #FFCA28; background: #FFCA28;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.1em #FFECB3; box-shadow: 0 0 0 0.1em #FFECB3;
border-color: #FFD54F; border-color: #FFD54F;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #FFC107; background: #FFC107;
color: #212529; color: #212529;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #212529; color: #212529;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #FFD54F; border-color: #FFD54F;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #2E4053; background: #2E4053;
border: 1px solid #2E4053; border: 1px solid #2E4053;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #212529; color: #212529;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/vela-purple/theme.css
View File

@ -122,13 +122,13 @@
color: #ffffff; color: #ffffff;
background: #BA68C8; background: #BA68C8;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #9C27B0; background: #9C27B0;
color: #ffffff; color: #ffffff;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #AB47BC; background: #AB47BC;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.1em #E1BEE7; box-shadow: 0 0 0 0.1em #E1BEE7;
border-color: #BA68C8; border-color: #BA68C8;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #9C27B0; background: #9C27B0;
color: #ffffff; color: #ffffff;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #BA68C8; border-color: #BA68C8;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #2E4053; background: #2E4053;
border: 1px solid #2E4053; border: 1px solid #2E4053;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff; color: #ffffff;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

94
public/themes/vela-teal/theme.css
View File

@ -122,13 +122,13 @@
color: #212529; color: #212529;
background: #4DB6AC; background: #4DB6AC;
} }
.p-autocomplete-panel.p-error > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-calendar.p-error > .p-inputtext { .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -336,8 +336,8 @@
background: #009688; background: #009688;
color: #212529; color: #212529;
} }
.p-checkbox.p-error > .p-checkbox-box { .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
@ -372,8 +372,8 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p-chips.p-error > .p-inputtext { .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -476,8 +476,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-dropdown-panel.p-error > .p-inputtext { .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -631,9 +631,8 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #26A69A; background: #26A69A;
} }
.p-inputswitch.p-error, .p-inputswitch.p-invalid {
.p-inputswitch.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -656,9 +655,8 @@
box-shadow: 0 0 0 0.1em #B2DFDB; box-shadow: 0 0 0 0.1em #B2DFDB;
border-color: #4DB6AC; border-color: #4DB6AC;
} }
.p-inputtext.p-error, .p-inputtext.p-invalid {
.p-inputtext.p-error { border-color: #e57373;
border-color: #d98880;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -732,8 +730,8 @@
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
.p-listbox.p-error { .p-listbox.p-error, .p-listbox.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -833,8 +831,8 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5em; margin-right: 0.5em;
} }
.p-multiselect-panel.p-error { .p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -885,8 +883,8 @@
background: #009688; background: #009688;
color: #212529; color: #212529;
} }
.p-radiobutton.p-error > .p-radiobutton-box { .p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box {
border-color: #d98880; border-color: #e57373;
} }
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
@ -949,8 +947,8 @@
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #212529; color: #212529;
} }
.p-selectbutton.p-error > .p-button { .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
@ -992,50 +990,6 @@
border-color: #4DB6AC; border-color: #4DB6AC;
} }
.p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-spinner .p-spinner-button {
width: 2.357em;
}
.p-spinner .p-spinner-button .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
width: 1em;
}
.p-spinner .p-spinner-button.p-spinner-button {
border-radius: 0;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-spinner .p-spinner-button.p-spinner-button:focus {
z-index: 1;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2.857em;
}
.p-fluid .p-spinner .p-spinner-button {
width: 2.357em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: 50%;
}
.p-spinner.p-error > .p-inputtext {
border-color: #d98880;
border-width: 1px 1px 1px 1px;
}
.p-togglebutton.p-button { .p-togglebutton.p-button {
background: #2E4053; background: #2E4053;
border: 1px solid #2E4053; border: 1px solid #2E4053;
@ -1073,8 +1027,8 @@
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #212529; color: #212529;
} }
.p-togglebutton.p-button.p-error > .p-button { .p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button {
border-color: #d98880; border-color: #e57373;
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }

1
src/AppMenu.vue
View File

@ -26,7 +26,6 @@
<router-link to="/rating">Rating</router-link> <router-link to="/rating">Rating</router-link>
<router-link to="/selectbutton">SelectButton</router-link> <router-link to="/selectbutton">SelectButton</router-link>
<router-link to="/slider">Slider</router-link> <router-link to="/slider">Slider</router-link>
<router-link to="/spinner">Spinner</router-link>
<router-link to="/textarea">Textarea</router-link> <router-link to="/textarea">Textarea</router-link>
<router-link to="/togglebutton">ToggleButton</router-link> <router-link to="/togglebutton">ToggleButton</router-link>
<router-link to="/tristatecheckbox">TriCheckbox</router-link> <router-link to="/tristatecheckbox">TriCheckbox</router-link>

10
src/components/spinner/Spinner.d.ts vendored
View File

@ -1,10 +0,0 @@
import Vue from 'vue';
export declare class Spinner extends Vue {
value?: any;
step?: number;
min?: number;
max?: number;
ariaLabelledBy?: string;
$emit(eventName: 'input', value: any): this;
}

234
src/components/spinner/Spinner.vue
View File

@ -1,234 +0,0 @@
<template>
<span :class="containerClass">
<input ref="input" :class="inputClass" v-bind="$attrs" v-on="listeners" :value="value" :aria-valumin="min" :aria-valuemax="max" :aria-valuenow="value" :aria-labelledby="ariaLabelledBy">
<button type="button" :class="upButtonClass" @mousedown="onButtonMouseDown($event, 1)" @mouseup="onButtonMouseUp" @mouseleave="onButtonMouseLeave"
@keydown="onButtonKeyDown($event, 1)" @keyup="onButtonKeyUp" :disabled="$attrs.disabled">
<span class="p-spinner-button-icon pi pi-caret-up"></span>
</button>
<button type="button" :class="downButtonClass" @mousedown="onButtonMouseDown($event, -1)" @mouseup="onButtonMouseUp" @mouseleave="onButtonMouseLeave"
@keydown="onButtonKeyDown($event, -1)" @keyup="onButtonKeyUp" :disabled="$attrs.disabled">
<span class="p-spinner-button-icon pi pi-caret-down"></span>
</button>
</span>
</template>
<script>
export default {
inheritAttrs: false,
props: {
value: null,
step: {
type: Number,
default: 1
},
min: Number,
max: Number,
ariaLabelledBy: String
},
data() {
return {
focused: false
}
},
methods: {
repeat(event, interval, dir) {
let i = interval || 500;
this.clearTimer();
this.timer = setTimeout(() => {
this.repeat(event, 40, dir);
}, i);
this.spin(event, dir);
},
spin(event, dir) {
let step = this.step * dir;
let currentValue;
let newValue;
if (this.value)
currentValue = (typeof this.value === 'string') ? this.parseValue(this.value) : this.value;
else
currentValue = 0;
if (this.precision)
newValue = parseFloat(this.toFixed(currentValue + step, this.precision));
else
newValue = currentValue + step;
if (this.min !== null && newValue < this.min) {
newValue = this.min;
}
if (this.max !== null && newValue > this.max) {
newValue= this.max;
}
this.$emit('input', newValue);
},
toFixed(value, precision) {
let power = Math.pow(10, precision || 0);
return String(Math.round(value * power) / power);
},
parseValue(val) {
let value = val.trim();
if (val === '') {
value = this.min != null ? this.min : null;
}
else {
if (this.precision)
value = parseFloat(val.replace(',', '.'));
else
value = parseInt(val, 10);
if (!isNaN(value)) {
if (this.max !== null && value > this.max) {
value = this.props.max;
}
if (this.min !== null && value < this.min) {
value = this.props.min;
}
}
else {
value = null;
}
}
return value;
},
onButtonMouseDown(event, direction) {
this.$refs.input.focus();
this.repeat(event, null, direction);
event.preventDefault();
},
onButtonMouseUp() {
this.clearTimer();
},
onButtonMouseLeave() {
this.clearTimer();
},
onButtonKeyUp() {
this.clearTimer();
},
onButtonKeyDown(event, direction) {
if (event.keyCode === 32 || event.keyCode === 13) {
this.repeat(event, null, direction);
}
},
clearTimer() {
if (this.timer) {
clearInterval(this.timer);
}
}
},
computed: {
listeners() {
let vm = this;
return {
...this.$listeners,
input: event => {
this.$emit('input', event.target.value)
},
focus: () => {
vm.focused = true;
},
blur: event => {
vm.focused = false;
const parsedValue = this.parseValue(event.target.value);
this.$emit('input', parsedValue);
},
keydown: event => {
if (event.which === 38) {
this.spin(1);
event.preventDefault();
}
else if (event.which === 40) {
this.spin(-1);
event.preventDefault();
}
}
};
},
precision() {
if (Math.floor(this.step) === 0)
return this.step.toString().split(/[,]|[.]/)[1].length;
else
return null;
},
containerClass() {
return ['p-spinner p-component', {'p-inputwrapper-filled': this.filled, 'p-inputwrapper-focus': this.focused}];
},
inputClass() {
return ['p-inputtext p-component p-spinner-input', {'p-filled': this.filled, 'p-disabled': this.$attrs.disabled}];
},
upButtonClass() {
return ['p-spinner-button p-spinner-button-up p-button p-component', {'p-disabled': this.$attrs.disabled}];
},
downButtonClass() {
return ['p-spinner-button p-spinner-button-down p-button p-component', {'p-disabled': this.$attrs.disabled}];
},
filled() {
return (this.value != null && this.value.toString().length > 0)
}
}
}
</script>
<style>
.p-spinner {
display: inline-block;
overflow: visible;
padding: 0;
position: relative;
vertical-align: middle;
}
.p-spinner-input {
vertical-align: middle;
padding-right: 1.5em;
}
.p-spinner-button.p-button {
cursor: default;
display: block;
height: 50%;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
text-align: center;
vertical-align: middle;
width: 1.5em;
}
.p-spinner .p-spinner-button-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -.5em;
margin-left: -.5em;
width: 1em;
}
.p-spinner-button-up {
top: 0;
}
.p-spinner-button-down {
bottom: 0;
}
.p-fluid .p-spinner {
width: 100%;
}
.p-fluid .p-spinner .p-spinner-input {
padding-right: 2em;
width: 100%;
}
.p-fluid .p-spinner .p-spinner-button {
width: 1.5em;
}
.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
left: .375em;
}
</style>

2
src/main.js
View File

@ -56,7 +56,6 @@ import SelectButton from './components/selectbutton/SelectButton';
import Slider from './components/slider/Slider'; import Slider from './components/slider/Slider';
import Sidebar from './components/sidebar/Sidebar'; import Sidebar from './components/sidebar/Sidebar';
import SplitButton from './components/splitbutton/SplitButton'; import SplitButton from './components/splitbutton/SplitButton';
import Spinner from './components/spinner/Spinner';
import Steps from './components/steps/Steps'; import Steps from './components/steps/Steps';
import TabMenu from './components/tabmenu/TabMenu'; import TabMenu from './components/tabmenu/TabMenu';
import TabView from './components/tabview/TabView'; import TabView from './components/tabview/TabView';
@ -145,7 +144,6 @@ Vue.component('Row', Row);
Vue.component('SelectButton', SelectButton); Vue.component('SelectButton', SelectButton);
Vue.component('Slider', Slider); Vue.component('Slider', Slider);
Vue.component('Sidebar', Sidebar); Vue.component('Sidebar', Sidebar);
Vue.component('Spinner', Spinner);
Vue.component('SplitButton', SplitButton); Vue.component('SplitButton', SplitButton);
Vue.component('Steps', Steps); Vue.component('Steps', Steps);
Vue.component('TabView', TabView); Vue.component('TabView', TabView);

5
src/router.js
View File

@ -441,11 +441,6 @@ export default new Router({
name: 'slider', name: 'slider',
component: () => import('./views/slider/SliderDemo.vue') component: () => import('./views/slider/SliderDemo.vue')
}, },
{
path: '/spinner',
name: 'spinner',
component: () => import('./views/spinner/SpinnerDemo.vue')
},
{ {
path: '/splitbutton', path: '/splitbutton',
name: 'splitbutton', name: 'splitbutton',

44
src/views/spinner/SpinnerDemo.vue
View File

@ -1,44 +0,0 @@
<template>
<div>
<div class="content-section introduction">
<div class="feature-intro">
<h1>Spinner</h1>
<p>Spinner is an input component to provide a numerical input.</p>
</div>
</div>
<div class="content-section implementation">
<h3 class="first">Basic</h3>
<Spinner v-model="value1" />
<h3>Min/Max</h3>
<Spinner v-model="value2" :min="0" :max="100" />
<h3>Step</h3>
<Spinner v-model="value3" :step="0.25" />
<h3>Disabled</h3>
<Spinner v-model="value4" :disabled="true" />
</div>
<SpinnerDoc/>
</div>
</template>
<script>
import SpinnerDoc from './SpinnerDoc';
export default {
data() {
return {
value1: null,
value2: null,
value3: null,
value4: null
}
},
components: {
'SpinnerDoc': SpinnerDoc
}
}
</script>

148
src/views/spinner/SpinnerDoc.vue
View File

@ -1,148 +0,0 @@
<template>
<div class="content-section documentation">
<TabView>
<TabPanel header="Documentation">
<h3>Import</h3>
<CodeHighlight lang="javascript">
import Spinner from 'primevue/spinner';
</CodeHighlight>
<h3>Getting Started</h3>
<p>Two-way value binding is defined using standard v-model directive.</p>
<CodeHighlight>
&lt;Spinner v-model="value" /&gt;
</CodeHighlight>
<h3>Min-Max</h3>
<p>Boundaries are specified with <i>min</i> and <i>max</i> attributes.</p>
<CodeHighlight>
&lt;Spinner v-model="value" :min="0" :max="100" /&gt;
</CodeHighlight>
<h3>Step</h3>
<p>Step factor is 1 by default and can be customized with <i>step</i> option.</p>
<CodeHighlight>
&lt;Spinner v-model="value" :step="0.25" /&gt;
</CodeHighlight>
<h3>Properties</h3>
<p>Any property such as name and placeholder are passed to the underlying input element. Following are the additional properties to configure the component.</p>
<div class="doc-tablewrapper">
<table class="doc-table">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Default</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>value</td>
<td>number</td>
<td>null</td>
<td>Value of the component.</td>
</tr>
<tr>
<td>step</td>
<td>number</td>
<td>1</td>
<td>Step factor to increment/decrement the value.</td>
</tr>
<tr>
<td>min</td>
<td>number</td>
<td>null</td>
<td>Mininum boundary value.</td>
</tr>
<tr>
<td>max</td>
<td>number</td>
<td>null</td>
<td>Maximum boundary value.</td>
</tr>
<tr>
<td>ariaLabelledBy</td>
<td>string</td>
<td>null</td>
<td>Establishes relationships between the component and label(s) where its value should be one or more element IDs.</td>
</tr>
</tbody>
</table>
</div>
<h3>Events</h3>
<p>Any valid event such as focus, blur and input are passed to the underlying input element.</p>
<h3>Styling</h3>
<p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p>
<div class="doc-tablewrapper">
<table class="doc-table">
<thead>
<tr>
<th>Name</th>
<th>Element</th>
</tr>
</thead>
<tbody>
<tr>
<td>p-spinner</td>
<td>Container element</td>
</tr>
<tr>
<td>p-spinner-up</td>
<td>Up icon.</td>
</tr>
<tr>
<td>p-spinner-down</td>
<td>Down icon.</td>
</tr>
<tr>
<td>p-spinner-input</td>
<td>Input element</td>
</tr>
</tbody>
</table>
</div>
<h3>Dependencies</h3>
<p>None.</p>
</TabPanel>
<TabPanel header="Source">
<a href="https://github.com/primefaces/primevue/tree/master/src/views/spinner" class="btn-viewsource" target="_blank" rel="noopener noreferrer">
<span>View on GitHub</span>
</a>
<CodeHighlight>
<template v-pre>
&lt;h3&gt;Basic&lt;/h3&gt;
&lt;Spinner v-model="value1" /&gt;
&lt;h3&gt;Min/Max&lt;/h3&gt;
&lt;Spinner v-model="value2" :min="0" :max="100" /&gt;
&lt;h3&gt;Step&lt;/h3&gt;
&lt;Spinner v-model="value3" :step="0.25" /&gt;
&lt;h3&gt;Disabled&lt;/h3&gt;
&lt;Spinner v-model="value4" :disabled="true" /&gt;
</template>
</CodeHighlight>
<CodeHighlight lang="javascript">
export default {
data() {
return {
value1: null,
value2: null,
value3: null,
value4: null
}
}
}
</CodeHighlight>
</TabPanel>
</TabView>
</div>
</template>