From 0bfc9c7d854f94bbb6c0bd7a5815bdbcea62ea87 Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Sat, 9 May 2020 12:29:17 +0300 Subject: [PATCH] Fixed #287 - Remove Spinner --- public/themes/luna-amber/theme.css | 70 ++----- public/themes/luna-green/theme.css | 70 ++----- public/themes/luna-pink/theme.css | 70 ++----- public/themes/nova-colored/theme.css | 70 ++----- public/themes/nova-dark/theme.css | 70 ++----- public/themes/nova-light/theme.css | 70 ++----- public/themes/nova-vue/theme.css | 70 ++----- public/themes/rhea/theme.css | 70 ++----- public/themes/saga-blue/theme.css | 94 +++------- public/themes/saga-cyan/theme.css | 94 +++------- public/themes/saga-deeppurple/theme.css | 94 +++------- public/themes/saga-green/theme.css | 94 +++------- public/themes/saga-indigo/theme.css | 94 +++------- public/themes/saga-orange/theme.css | 94 +++------- public/themes/saga-purple/theme.css | 94 +++------- public/themes/saga-teal/theme.css | 94 +++------- public/themes/vela-blue/theme.css | 94 +++------- public/themes/vela-cyan/theme.css | 94 +++------- public/themes/vela-deeppurple/theme.css | 94 +++------- public/themes/vela-green/theme.css | 94 +++------- public/themes/vela-indigo/theme.css | 94 +++------- public/themes/vela-orange/theme.css | 94 +++------- public/themes/vela-purple/theme.css | 94 +++------- public/themes/vela-teal/theme.css | 94 +++------- src/AppMenu.vue | 1 - src/components/spinner/Spinner.d.ts | 10 - src/components/spinner/Spinner.vue | 234 ------------------------ src/main.js | 2 - src/router.js | 5 - src/views/spinner/SpinnerDemo.vue | 44 ----- src/views/spinner/SpinnerDoc.vue | 148 --------------- 31 files changed, 480 insertions(+), 2028 deletions(-) delete mode 100755 src/components/spinner/Spinner.d.ts delete mode 100755 src/components/spinner/Spinner.vue delete mode 100755 src/views/spinner/SpinnerDemo.vue delete mode 100755 src/views/spinner/SpinnerDoc.vue diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 8bca9509b..6f0f2853e 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -122,12 +122,12 @@ color: #212121; 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-width: 1px; } -.p-calendar.p-error > .p-inputtext { +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { border-color: #cd3a3a; border-width: 1px; } @@ -336,7 +336,7 @@ background: #FF8F00; 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; } @@ -372,7 +372,7 @@ padding: 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-width: 1px; } @@ -476,7 +476,7 @@ color: #dedede; background: #4c4c4c; } -.p-dropdown-panel.p-error > .p-inputtext { +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -631,8 +631,7 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #FFA000; } - -.p-inputswitch.p-error { +.p-inputswitch.p-error, .p-inputswitch.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -656,8 +655,7 @@ box-shadow: 0 0 0 0.2em #ffe8b3; border-color: #FFB300; } - -.p-inputtext.p-error { +.p-inputtext.p-error, .p-inputtext.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -732,7 +730,7 @@ color: #dedede; background: #4c4c4c; } -.p-listbox.p-error { +.p-listbox.p-error, .p-listbox.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -833,7 +831,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -885,7 +883,7 @@ background: #FF8F00; 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; } @@ -949,7 +947,7 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212121; } -.p-selectbutton.p-error > .p-button { +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { border-color: #cd3a3a; border-width: 1px; } @@ -992,50 +990,6 @@ 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 { background: #252525; border: 1px solid #252525; @@ -1073,7 +1027,7 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { 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-width: 1px; } diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 32e2f297e..cba7d9a84 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -122,12 +122,12 @@ color: #ffffff; 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-width: 1px; } -.p-calendar.p-error > .p-inputtext { +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { border-color: #cd3a3a; border-width: 1px; } @@ -336,7 +336,7 @@ background: #18803c; 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; } @@ -372,7 +372,7 @@ padding: 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-width: 1px; } @@ -476,7 +476,7 @@ color: #dedede; background: #4c4c4c; } -.p-dropdown-panel.p-error > .p-inputtext { +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -631,8 +631,7 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #1b9044; } - -.p-inputswitch.p-error { +.p-inputswitch.p-error, .p-inputswitch.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -656,8 +655,7 @@ box-shadow: 0 0 0 0.2em #88e9aa; border-color: #1ea04c; } - -.p-inputtext.p-error { +.p-inputtext.p-error, .p-inputtext.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -732,7 +730,7 @@ color: #dedede; background: #4c4c4c; } -.p-listbox.p-error { +.p-listbox.p-error, .p-listbox.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -833,7 +831,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -885,7 +883,7 @@ background: #18803c; 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; } @@ -949,7 +947,7 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { border-color: #cd3a3a; border-width: 1px; } @@ -992,50 +990,6 @@ 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 { background: #252525; border: 1px solid #252525; @@ -1073,7 +1027,7 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { 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-width: 1px; } diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 63ce3759f..29c2a7f69 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -122,12 +122,12 @@ color: #ffffff; 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-width: 1px; } -.p-calendar.p-error > .p-inputtext { +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { border-color: #cd3a3a; border-width: 1px; } @@ -336,7 +336,7 @@ background: #a32049; 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; } @@ -372,7 +372,7 @@ padding: 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-width: 1px; } @@ -476,7 +476,7 @@ color: #dedede; background: #4c4c4c; } -.p-dropdown-panel.p-error > .p-inputtext { +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -631,8 +631,7 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #b72452; } - -.p-inputswitch.p-error { +.p-inputswitch.p-error, .p-inputswitch.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -656,8 +655,7 @@ box-shadow: 0 0 0 0.2em #f1b6c8; border-color: #cc285c; } - -.p-inputtext.p-error { +.p-inputtext.p-error, .p-inputtext.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -732,7 +730,7 @@ color: #dedede; background: #4c4c4c; } -.p-listbox.p-error { +.p-listbox.p-error, .p-listbox.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -833,7 +831,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { border-color: #cd3a3a; border-width: 1px; } @@ -885,7 +883,7 @@ background: #a32049; 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; } @@ -949,7 +947,7 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { border-color: #cd3a3a; border-width: 1px; } @@ -992,50 +990,6 @@ 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 { background: #252525; border: 1px solid #252525; @@ -1073,7 +1027,7 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { 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-width: 1px; } diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css index a0534f85d..d22206bc3 100644 --- a/public/themes/nova-colored/theme.css +++ b/public/themes/nova-colored/theme.css @@ -122,12 +122,12 @@ color: #ffffff; 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-width: 1px; } -.p-calendar.p-error > .p-inputtext { +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { border-color: #a80000; border-width: 1px; } @@ -336,7 +336,7 @@ background: #005b9f; 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; } @@ -372,7 +372,7 @@ padding: 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-width: 1px; } @@ -476,7 +476,7 @@ color: #333333; background: #eaeaea; } -.p-dropdown-panel.p-error > .p-inputtext { +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { border-color: #a80000; border-width: 1px; } @@ -631,8 +631,7 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #116fbf; } - -.p-inputswitch.p-error { +.p-inputswitch.p-error, .p-inputswitch.p-invalid { border-color: #a80000; border-width: 1px; } @@ -656,8 +655,7 @@ box-shadow: 0 0 0 0.2em #8dcdff; border-color: #007ad9; } - -.p-inputtext.p-error { +.p-inputtext.p-error, .p-inputtext.p-invalid { border-color: #a80000; border-width: 1px; } @@ -732,7 +730,7 @@ color: #333333; background: #eaeaea; } -.p-listbox.p-error { +.p-listbox.p-error, .p-listbox.p-invalid { border-color: #a80000; border-width: 1px; } @@ -833,7 +831,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { border-color: #a80000; border-width: 1px; } @@ -885,7 +883,7 @@ background: #005b9f; 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; } @@ -949,7 +947,7 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { border-color: #a80000; border-width: 1px; } @@ -992,50 +990,6 @@ 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 { background: #dadada; border: 1px solid #dadada; @@ -1073,7 +1027,7 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { 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-width: 1px; } diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css index 09925ab17..0aa8d2727 100644 --- a/public/themes/nova-dark/theme.css +++ b/public/themes/nova-dark/theme.css @@ -122,12 +122,12 @@ color: #ffffff; 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-width: 1px; } -.p-calendar.p-error > .p-inputtext { +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { border-color: #a80000; border-width: 1px; } @@ -336,7 +336,7 @@ background: #005b9f; 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; } @@ -372,7 +372,7 @@ padding: 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-width: 1px; } @@ -476,7 +476,7 @@ color: #333333; background: #eaeaea; } -.p-dropdown-panel.p-error > .p-inputtext { +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { border-color: #a80000; border-width: 1px; } @@ -631,8 +631,7 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #116fbf; } - -.p-inputswitch.p-error { +.p-inputswitch.p-error, .p-inputswitch.p-invalid { border-color: #a80000; border-width: 1px; } @@ -656,8 +655,7 @@ box-shadow: 0 0 0 0.2em #8dcdff; border-color: #007ad9; } - -.p-inputtext.p-error { +.p-inputtext.p-error, .p-inputtext.p-invalid { border-color: #a80000; border-width: 1px; } @@ -732,7 +730,7 @@ color: #333333; background: #eaeaea; } -.p-listbox.p-error { +.p-listbox.p-error, .p-listbox.p-invalid { border-color: #a80000; border-width: 1px; } @@ -833,7 +831,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { border-color: #a80000; border-width: 1px; } @@ -885,7 +883,7 @@ background: #005b9f; 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; } @@ -949,7 +947,7 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { border-color: #a80000; border-width: 1px; } @@ -992,50 +990,6 @@ 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 { background: #dadada; border: 1px solid #dadada; @@ -1073,7 +1027,7 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { 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-width: 1px; } diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css index e2a616eba..399113e46 100644 --- a/public/themes/nova-light/theme.css +++ b/public/themes/nova-light/theme.css @@ -122,12 +122,12 @@ color: #ffffff; 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-width: 1px; } -.p-calendar.p-error > .p-inputtext { +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { border-color: #a80000; border-width: 1px; } @@ -336,7 +336,7 @@ background: #005b9f; 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; } @@ -372,7 +372,7 @@ padding: 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-width: 1px; } @@ -476,7 +476,7 @@ color: #333333; background: #eaeaea; } -.p-dropdown-panel.p-error > .p-inputtext { +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { border-color: #a80000; border-width: 1px; } @@ -631,8 +631,7 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #116fbf; } - -.p-inputswitch.p-error { +.p-inputswitch.p-error, .p-inputswitch.p-invalid { border-color: #a80000; border-width: 1px; } @@ -656,8 +655,7 @@ box-shadow: 0 0 0 0.2em #8dcdff; border-color: #007ad9; } - -.p-inputtext.p-error { +.p-inputtext.p-error, .p-inputtext.p-invalid { border-color: #a80000; border-width: 1px; } @@ -732,7 +730,7 @@ color: #333333; background: #eaeaea; } -.p-listbox.p-error { +.p-listbox.p-error, .p-listbox.p-invalid { border-color: #a80000; border-width: 1px; } @@ -833,7 +831,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { border-color: #a80000; border-width: 1px; } @@ -885,7 +883,7 @@ background: #005b9f; 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; } @@ -949,7 +947,7 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { border-color: #a80000; border-width: 1px; } @@ -992,50 +990,6 @@ 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 { background: #dadada; border: 1px solid #dadada; @@ -1073,7 +1027,7 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { 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-width: 1px; } diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index fcfb2c37c..65b7d1f31 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -122,12 +122,12 @@ color: #ffffff; 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-width: 1px; } -.p-calendar.p-error > .p-inputtext { +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { border-color: #a80000; border-width: 1px; } @@ -336,7 +336,7 @@ background: #246749; 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; } @@ -372,7 +372,7 @@ padding: 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-width: 1px; } @@ -476,7 +476,7 @@ color: #333333; background: #eaeaea; } -.p-dropdown-panel.p-error > .p-inputtext { +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { border-color: #a80000; border-width: 1px; } @@ -631,8 +631,7 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #318c63; } - -.p-inputswitch.p-error { +.p-inputswitch.p-error, .p-inputswitch.p-invalid { border-color: #a80000; border-width: 1px; } @@ -656,8 +655,7 @@ box-shadow: 0 0 0 0.2em #c2e9d8; border-color: #41b883; } - -.p-inputtext.p-error { +.p-inputtext.p-error, .p-inputtext.p-invalid { border-color: #a80000; border-width: 1px; } @@ -732,7 +730,7 @@ color: #333333; background: #eaeaea; } -.p-listbox.p-error { +.p-listbox.p-error, .p-listbox.p-invalid { border-color: #a80000; border-width: 1px; } @@ -833,7 +831,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { border-color: #a80000; border-width: 1px; } @@ -885,7 +883,7 @@ background: #246749; 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; } @@ -949,7 +947,7 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { border-color: #a80000; border-width: 1px; } @@ -992,50 +990,6 @@ 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 { background: #dadada; border: 1px solid #dadada; @@ -1073,7 +1027,7 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { 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-width: 1px; } diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 722a43e2c..d957b590c 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -122,12 +122,12 @@ color: #385048; 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-width: 1px; } -.p-calendar.p-error > .p-inputtext { +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { border-color: e7a3a3; border-width: 1px; } @@ -336,7 +336,7 @@ background: #617c8a; 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; } @@ -372,7 +372,7 @@ padding: 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-width: 1px; } @@ -476,7 +476,7 @@ color: #666666; background: #f4f4f4; } -.p-dropdown-panel.p-error > .p-inputtext { +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { border-color: e7a3a3; border-width: 1px; } @@ -631,8 +631,7 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #AFD3C8; } - -.p-inputswitch.p-error { +.p-inputswitch.p-error, .p-inputswitch.p-invalid { border-color: e7a3a3; border-width: 1px; } @@ -656,8 +655,7 @@ box-shadow: 0 0 0 0.2em #e4e9ec; border-color: #7B95A3; } - -.p-inputtext.p-error { +.p-inputtext.p-error, .p-inputtext.p-invalid { border-color: e7a3a3; border-width: 1px; } @@ -732,7 +730,7 @@ color: #666666; background: #f4f4f4; } -.p-listbox.p-error { +.p-listbox.p-error, .p-listbox.p-invalid { border-color: e7a3a3; border-width: 1px; } @@ -833,7 +831,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { border-color: e7a3a3; border-width: 1px; } @@ -885,7 +883,7 @@ background: #617c8a; 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; } @@ -949,7 +947,7 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #385048; } -.p-selectbutton.p-error > .p-button { +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { border-color: e7a3a3; border-width: 1px; } @@ -992,50 +990,6 @@ 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 { background: #eaeaea; border: 1px solid #eaeaea; @@ -1073,7 +1027,7 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { 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-width: 1px; } diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 45bc2a7c5..5e7677690 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -122,13 +122,13 @@ color: #ffffff; background: #2196F3; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #1976D2; color: #ffffff; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #495057; background: #e9ecef; } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #1E88E5; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.2em #BBDEFB; border-color: #2196F3; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #495057; background: #e9ecef; } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #1976D2; color: #ffffff; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #ffffff; border: 1px solid #ced4da; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css index c04dd7211..097335ccc 100644 --- a/public/themes/saga-cyan/theme.css +++ b/public/themes/saga-cyan/theme.css @@ -122,13 +122,13 @@ color: #ffffff; background: #00ACC1; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #00838F; color: #ffffff; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #495057; background: #e9ecef; } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #0097A7; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.2em #B2EBF2; border-color: #00ACC1; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #495057; background: #e9ecef; } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #00838F; color: #ffffff; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #ffffff; border: 1px solid #ced4da; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css index f3e214b27..424cbf12f 100644 --- a/public/themes/saga-deeppurple/theme.css +++ b/public/themes/saga-deeppurple/theme.css @@ -122,13 +122,13 @@ color: #ffffff; background: #673AB7; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #512DA8; color: #ffffff; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #495057; background: #e9ecef; } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #5E35B1; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.2em #D1C4E9; border-color: #673AB7; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #495057; background: #e9ecef; } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #512DA8; color: #ffffff; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #ffffff; border: 1px solid #ced4da; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 215da22ea..88f3a3bfa 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -122,13 +122,13 @@ color: #ffffff; background: #4CAF50; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #388E3C; color: #ffffff; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #495057; background: #e9ecef; } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #43A047; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.2em #C8E6C9; border-color: #4CAF50; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #495057; background: #e9ecef; } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #388E3C; color: #ffffff; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #ffffff; border: 1px solid #ced4da; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css index 6a5ff74fb..077d43a76 100644 --- a/public/themes/saga-indigo/theme.css +++ b/public/themes/saga-indigo/theme.css @@ -122,13 +122,13 @@ color: #ffffff; background: #3F51B5; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #303F9F; color: #ffffff; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #495057; background: #e9ecef; } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #3949AB; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.2em #C5CAE9; border-color: #3F51B5; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #495057; background: #e9ecef; } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #303F9F; color: #ffffff; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #ffffff; border: 1px solid #ced4da; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 8ee90f132..52a0df435 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -122,13 +122,13 @@ color: #212529; background: #FFC107; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #FFA000; color: #212529; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #495057; background: #e9ecef; } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #FFB300; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.2em #FFECB3; border-color: #FFC107; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #495057; background: #e9ecef; } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #FFA000; color: #212529; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #ffffff; border: 1px solid #ced4da; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index a35cf92aa..e477fc4c9 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -122,13 +122,13 @@ color: #ffffff; background: #9C27B0; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #7B1FA2; color: #ffffff; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #495057; background: #e9ecef; } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #8E24AA; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.2em #E1BEE7; border-color: #9C27B0; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #495057; background: #e9ecef; } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #7B1FA2; color: #ffffff; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #ffffff; border: 1px solid #ced4da; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css index 34d61f320..4a30fa638 100644 --- a/public/themes/saga-teal/theme.css +++ b/public/themes/saga-teal/theme.css @@ -122,13 +122,13 @@ color: #ffffff; background: #009688; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #00796B; color: #ffffff; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #495057; background: #e9ecef; } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #00897B; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.2em #B2DFDB; border-color: #009688; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #495057; background: #e9ecef; } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #00796B; color: #ffffff; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #f44336; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #ffffff; border: 1px solid #ced4da; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #f44336; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 9af74bece..cab60db5a 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -122,13 +122,13 @@ color: #212529; background: #64B5F6; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #2196F3; color: #212529; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #42A5F5; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.1em #BBDEFB; border-color: #64B5F6; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #2196F3; color: #212529; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #2E4053; border: 1px solid #2E4053; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css index 76c8653f0..cc0291a49 100644 --- a/public/themes/vela-cyan/theme.css +++ b/public/themes/vela-cyan/theme.css @@ -122,13 +122,13 @@ color: #212529; background: #4DD0E1; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #00BCD4; color: #212529; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #26C6DA; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.1em #B2EBF2; border-color: #4DD0E1; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #00BCD4; color: #212529; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #2E4053; border: 1px solid #2E4053; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css index 8f9df8428..0cc584138 100644 --- a/public/themes/vela-deeppurple/theme.css +++ b/public/themes/vela-deeppurple/theme.css @@ -122,13 +122,13 @@ color: #ffffff; background: #9575CD; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #673AB7; color: #ffffff; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #7E57C2; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.1em #D1C4E9; border-color: #9575CD; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #673AB7; color: #ffffff; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #2E4053; border: 1px solid #2E4053; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index f0dafdec0..f7915b718 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -122,13 +122,13 @@ color: #212529; background: #81C784; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #4CAF50; color: #212529; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #66BB6A; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.1em #C8E6C9; border-color: #81C784; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #4CAF50; color: #212529; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #2E4053; border: 1px solid #2E4053; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css index 53e2be3ac..885b2ad06 100644 --- a/public/themes/vela-indigo/theme.css +++ b/public/themes/vela-indigo/theme.css @@ -122,13 +122,13 @@ color: #ffffff; background: #7986CB; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #3F51B5; color: #ffffff; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #5C6BC0; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.1em #C5CAE9; border-color: #7986CB; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #3F51B5; color: #ffffff; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #2E4053; border: 1px solid #2E4053; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index ff2b40926..a85159328 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -122,13 +122,13 @@ color: #212529; background: #FFD54F; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #FFC107; color: #212529; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #FFCA28; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.1em #FFECB3; border-color: #FFD54F; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #FFC107; color: #212529; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #2E4053; border: 1px solid #2E4053; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index a24c67a75..26f986045 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -122,13 +122,13 @@ color: #ffffff; background: #BA68C8; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #9C27B0; color: #ffffff; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #AB47BC; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.1em #E1BEE7; border-color: #BA68C8; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #9C27B0; color: #ffffff; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #2E4053; border: 1px solid #2E4053; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css index 5e87e08c4..ce91b85f9 100644 --- a/public/themes/vela-teal/theme.css +++ b/public/themes/vela-teal/theme.css @@ -122,13 +122,13 @@ color: #212529; background: #4DB6AC; } -.p-autocomplete-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } -.p-calendar.p-error > .p-inputtext { - border-color: #d98880; +.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -336,8 +336,8 @@ background: #009688; color: #212529; } -.p-checkbox.p-error > .p-checkbox-box { - border-color: #d98880; +.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-chips .p-chips-multiple-container { @@ -372,8 +372,8 @@ padding: 0; margin: 0; } -.p-chips.p-error > .p-inputtext { - border-color: #d98880; +.p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -476,8 +476,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-dropdown-panel.p-error > .p-inputtext { - border-color: #d98880; +.p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -631,9 +631,8 @@ .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #26A69A; } - -.p-inputswitch.p-error { - border-color: #d98880; +.p-inputswitch.p-error, .p-inputswitch.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -656,9 +655,8 @@ box-shadow: 0 0 0 0.1em #B2DFDB; border-color: #4DB6AC; } - -.p-inputtext.p-error { - border-color: #d98880; +.p-inputtext.p-error, .p-inputtext.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -732,8 +730,8 @@ color: #ebedef; background: rgba(255, 255, 255, 0.1); } -.p-listbox.p-error { - border-color: #d98880; +.p-listbox.p-error, .p-listbox.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -833,8 +831,8 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5em; } -.p-multiselect-panel.p-error { - border-color: #d98880; +.p-multiselect-panel.p-error, .p-multiselect-panel.p-invalid { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -885,8 +883,8 @@ background: #009688; color: #212529; } -.p-radiobutton.p-error > .p-radiobutton-box { - border-color: #d98880; +.p-radiobutton.p-error > .p-checkbox-box, .p-radiobutton.p-invalid > .p-checkbox-box { + border-color: #e57373; } .p-rating .p-rating-icon { @@ -949,8 +947,8 @@ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #212529; } -.p-selectbutton.p-error > .p-button { - border-color: #d98880; +.p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } @@ -992,50 +990,6 @@ 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 { background: #2E4053; border: 1px solid #2E4053; @@ -1073,8 +1027,8 @@ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #212529; } -.p-togglebutton.p-button.p-error > .p-button { - border-color: #d98880; +.p-togglebutton.p-button.p-error > .p-button, .p-togglebutton.p-button.p-invalid > .p-button { + border-color: #e57373; border-width: 1px 1px 1px 1px; } diff --git a/src/AppMenu.vue b/src/AppMenu.vue index 06e670d77..8dcdc0b04 100755 --- a/src/AppMenu.vue +++ b/src/AppMenu.vue @@ -26,7 +26,6 @@ Rating SelectButton Slider - Spinner Textarea ToggleButton TriCheckbox diff --git a/src/components/spinner/Spinner.d.ts b/src/components/spinner/Spinner.d.ts deleted file mode 100755 index a2054bed7..000000000 --- a/src/components/spinner/Spinner.d.ts +++ /dev/null @@ -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; -} \ No newline at end of file diff --git a/src/components/spinner/Spinner.vue b/src/components/spinner/Spinner.vue deleted file mode 100755 index 23c2fe8bf..000000000 --- a/src/components/spinner/Spinner.vue +++ /dev/null @@ -1,234 +0,0 @@ - - - - - \ No newline at end of file diff --git a/src/main.js b/src/main.js index f309b239c..74721f03a 100644 --- a/src/main.js +++ b/src/main.js @@ -56,7 +56,6 @@ import SelectButton from './components/selectbutton/SelectButton'; import Slider from './components/slider/Slider'; import Sidebar from './components/sidebar/Sidebar'; import SplitButton from './components/splitbutton/SplitButton'; -import Spinner from './components/spinner/Spinner'; import Steps from './components/steps/Steps'; import TabMenu from './components/tabmenu/TabMenu'; import TabView from './components/tabview/TabView'; @@ -145,7 +144,6 @@ Vue.component('Row', Row); Vue.component('SelectButton', SelectButton); Vue.component('Slider', Slider); Vue.component('Sidebar', Sidebar); -Vue.component('Spinner', Spinner); Vue.component('SplitButton', SplitButton); Vue.component('Steps', Steps); Vue.component('TabView', TabView); diff --git a/src/router.js b/src/router.js index 2a3d0d213..87eb51786 100755 --- a/src/router.js +++ b/src/router.js @@ -441,11 +441,6 @@ export default new Router({ name: 'slider', component: () => import('./views/slider/SliderDemo.vue') }, - { - path: '/spinner', - name: 'spinner', - component: () => import('./views/spinner/SpinnerDemo.vue') - }, { path: '/splitbutton', name: 'splitbutton', diff --git a/src/views/spinner/SpinnerDemo.vue b/src/views/spinner/SpinnerDemo.vue deleted file mode 100755 index d0547b8f6..000000000 --- a/src/views/spinner/SpinnerDemo.vue +++ /dev/null @@ -1,44 +0,0 @@ - - - \ No newline at end of file diff --git a/src/views/spinner/SpinnerDoc.vue b/src/views/spinner/SpinnerDoc.vue deleted file mode 100755 index 3d77d8326..000000000 --- a/src/views/spinner/SpinnerDoc.vue +++ /dev/null @@ -1,148 +0,0 @@ - \ No newline at end of file