diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 908c6ce48c..861c6fb367 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 2272452cf2..67490ddb08 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 2923519c91..e1be0ae7a3 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index c860618c46..ff2168a331 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index 2cabdde298..918e0f5d2f 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #f19ea6; } diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index 78eeae6f4a..5703335099 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #f19ea6; } diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 0d76682550..217f2d1c62 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #dc3545; } diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index e47f24f64c..4d11ab9ec0 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #dc3545; } diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index 1e76f77089..e35aeeeb36 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 2px; border-bottom-right-radius: 2px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #a4252c; } diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index cfadb5269e..6cb10f58ab 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #e57373; } diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index ebc82d1ad5..8a9ba76b84 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #e57373; } diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 26741f7e98..c587bf1bc9 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #e57373; } diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 5afd152cf6..66d1c38427 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #e57373; } diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 2f1dc2beb3..26356107c3 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -382,7 +382,7 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #f44435; } @@ -1828,13 +1828,13 @@ } .p-button.p-button-link { - color: transparent; + color: #CE93D8; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: transparent; + color: #CE93D8; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -1847,7 +1847,7 @@ } .p-button.p-button-link:enabled:active { background: transparent; - color: transparent; + color: #CE93D8; border-color: transparent; } @@ -5204,6 +5204,70 @@ color: #121212; } +.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-cascadeselect-label { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; +} + +.p-cascadeselect-item-content .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +.p-cascadeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 079e54078c..2feeeae57e 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -382,7 +382,7 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #f44435; } @@ -1828,13 +1828,13 @@ } .p-button.p-button-link { - color: transparent; + color: #9FA8DA; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: transparent; + color: #9FA8DA; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -1847,7 +1847,7 @@ } .p-button.p-button-link:enabled:active { background: transparent; - color: transparent; + color: #9FA8DA; border-color: transparent; } @@ -5204,6 +5204,70 @@ color: #121212; } +.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-cascadeselect-label { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; +} + +.p-cascadeselect-item-content .p-ink { + background-color: rgba(159, 168, 218, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +.p-cascadeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 54482f0c9c..8051e2e959 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -382,7 +382,7 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #B00020; } @@ -1828,13 +1828,13 @@ } .p-button.p-button-link { - color: transparent; + color: #673AB7; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: transparent; + color: #673AB7; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -1847,7 +1847,7 @@ } .p-button.p-button-link:enabled:active { background: transparent; - color: transparent; + color: #673AB7; border-color: transparent; } @@ -5204,6 +5204,70 @@ color: #ffffff; } +.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-cascadeselect-label { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; +} + +.p-cascadeselect-item-content .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +.p-cascadeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index bd48fb5978..cfb73532ac 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -382,7 +382,7 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #B00020; } @@ -1828,13 +1828,13 @@ } .p-button.p-button-link { - color: transparent; + color: #3F51B5; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: transparent; + color: #3F51B5; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -1847,7 +1847,7 @@ } .p-button.p-button-link:enabled:active { background: transparent; - color: transparent; + color: #3F51B5; border-color: transparent; } @@ -5204,6 +5204,70 @@ color: #ffffff; } +.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-cascadeselect-label { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; +} + +.p-cascadeselect-item-content .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +.p-cascadeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index ce94852dd6..959bf8b8c3 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -382,7 +382,7 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #f44435; } @@ -1828,13 +1828,13 @@ } .p-button.p-button-link { - color: transparent; + color: #673AB7; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: transparent; + color: #673AB7; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -1847,7 +1847,7 @@ } .p-button.p-button-link:enabled:active { background: transparent; - color: transparent; + color: #673AB7; border-color: transparent; } @@ -5204,6 +5204,70 @@ color: #ffffff; } +.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-cascadeselect-label { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; +} + +.p-cascadeselect-item-content .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +.p-cascadeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 8f1a71bb31..5a83bdc7f3 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -382,7 +382,7 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #f44435; } @@ -1828,13 +1828,13 @@ } .p-button.p-button-link { - color: transparent; + color: #3F51B5; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: transparent; + color: #3F51B5; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -1847,7 +1847,7 @@ } .p-button.p-button-link:enabled:active { background: transparent; - color: transparent; + color: #3F51B5; border-color: transparent; } @@ -5204,6 +5204,70 @@ color: #ffffff; } +.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-cascadeselect-label { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; +} + +.p-cascadeselect-item-content .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} + +.p-cascadeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index d916956af0..b879ab68c7 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -382,7 +382,7 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #B00020; } @@ -1828,13 +1828,13 @@ } .p-button.p-button-link { - color: transparent; + color: #673AB7; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: transparent; + color: #673AB7; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -1847,7 +1847,7 @@ } .p-button.p-button-link:enabled:active { background: transparent; - color: transparent; + color: #673AB7; border-color: transparent; } @@ -5204,6 +5204,70 @@ color: #ffffff; } +.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-cascadeselect-label { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; +} + +.p-cascadeselect-item-content .p-ink { + background-color: rgba(103, 58, 183, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +.p-cascadeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 136a4ad45b..ae1bd35df8 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -382,7 +382,7 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #B00020; } @@ -1828,13 +1828,13 @@ } .p-button.p-button-link { - color: transparent; + color: #3F51B5; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: transparent; + color: #3F51B5; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -1847,7 +1847,7 @@ } .p-button.p-button-link:enabled:active { background: transparent; - color: transparent; + color: #3F51B5; border-color: transparent; } @@ -5204,6 +5204,70 @@ color: #ffffff; } +.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-cascadeselect-label { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; +} + +.p-cascadeselect-item-content .p-ink { + background-color: rgba(63, 81, 181, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect.p-invalid { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} + +.p-cascadeselect.p-invalid:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + .p-checkbox { border-radius: 50%; transition: box-shadow 0.2s; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index c29882d2f8..44e9728404 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #a80000; } diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index bdc132495b..dadff644dd 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #a80000; } diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index 5a1eb1378e..2cc473954b 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #a80000; } diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 0f496dfec5..a86a6ab873 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 2px; border-bottom-right-radius: 2px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #e7a3a3; } diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 54d7485bfa..b621cb4de6 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #f44336; } diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index ee01c3d9ad..53140b4901 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #f44336; } diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index c170285448..8228ed78c1 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #f44336; } diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index f561095562..e8835f75b1 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #f44336; } diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 203f7bd3ed..1a9b6a3966 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 198baca1e2..a758b74545 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 8838ebdc07..4b6ff5a5f2 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 52bd16831b..2013c8f606 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -358,7 +358,7 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.p-cascadeselect.p-invalid { +.p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; }