From e0a2ec8be02dfa0e82cebaa870ebb160ad8682ba Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Tue, 8 Sep 2020 13:32:25 +0300 Subject: [PATCH] Fixed #459 - emptyFilterMessage for Dropdown, MultiSelect and Listbox filter --- public/themes/arya-blue/theme.css | 18 ++++++++++++++++++ public/themes/arya-green/theme.css | 18 ++++++++++++++++++ public/themes/arya-orange/theme.css | 18 ++++++++++++++++++ public/themes/arya-purple/theme.css | 18 ++++++++++++++++++ public/themes/bootstrap4-dark-blue/theme.css | 18 ++++++++++++++++++ public/themes/bootstrap4-dark-purple/theme.css | 18 ++++++++++++++++++ public/themes/bootstrap4-light-blue/theme.css | 18 ++++++++++++++++++ .../themes/bootstrap4-light-purple/theme.css | 18 ++++++++++++++++++ public/themes/luna-amber/theme.css | 18 ++++++++++++++++++ public/themes/luna-blue/theme.css | 18 ++++++++++++++++++ public/themes/luna-green/theme.css | 18 ++++++++++++++++++ public/themes/luna-pink/theme.css | 18 ++++++++++++++++++ public/themes/md-dark-deeppurple/theme.css | 18 ++++++++++++++++++ public/themes/md-dark-indigo/theme.css | 18 ++++++++++++++++++ public/themes/md-light-deeppurple/theme.css | 18 ++++++++++++++++++ public/themes/md-light-indigo/theme.css | 18 ++++++++++++++++++ public/themes/mdc-dark-deeppurple/theme.css | 18 ++++++++++++++++++ public/themes/mdc-dark-indigo/theme.css | 18 ++++++++++++++++++ public/themes/mdc-light-deeppurple/theme.css | 18 ++++++++++++++++++ public/themes/mdc-light-indigo/theme.css | 18 ++++++++++++++++++ public/themes/nova-accent/theme.css | 18 ++++++++++++++++++ public/themes/nova-alt/theme.css | 18 ++++++++++++++++++ public/themes/nova-vue/theme.css | 18 ++++++++++++++++++ public/themes/nova/theme.css | 18 ++++++++++++++++++ public/themes/rhea/theme.css | 18 ++++++++++++++++++ public/themes/saga-blue/theme.css | 18 ++++++++++++++++++ public/themes/saga-green/theme.css | 18 ++++++++++++++++++ public/themes/saga-orange/theme.css | 18 ++++++++++++++++++ public/themes/saga-purple/theme.css | 18 ++++++++++++++++++ public/themes/vela-blue/theme.css | 18 ++++++++++++++++++ public/themes/vela-green/theme.css | 18 ++++++++++++++++++ public/themes/vela-orange/theme.css | 18 ++++++++++++++++++ public/themes/vela-purple/theme.css | 18 ++++++++++++++++++ src/components/dropdown/Dropdown.d.ts | 1 + src/components/dropdown/Dropdown.vue | 5 +++++ src/components/listbox/Listbox.d.ts | 1 + src/components/listbox/Listbox.vue | 7 ++++++- src/components/multiselect/MultiSelect.d.ts | 1 + src/components/multiselect/MultiSelect.vue | 5 +++++ src/views/dropdown/DropdownDoc.vue | 6 ++++++ src/views/listbox/ListboxDoc.vue | 6 ++++++ src/views/multiselect/MultiSelectDoc.vue | 6 ++++++ 42 files changed, 631 insertions(+), 1 deletion(-) diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 7e630656c..d7a1c8ec3 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -522,6 +522,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: #383838; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: #383838; @@ -2705,6 +2720,9 @@ border-color: #383838; color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #383838; diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index aa711f899..d49792d68 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -522,6 +522,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: #383838; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: #383838; @@ -2705,6 +2720,9 @@ border-color: #383838; color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #383838; diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 00a3d325b..6997ae513 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -522,6 +522,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: #383838; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: #383838; @@ -2705,6 +2720,9 @@ border-color: #383838; color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #383838; diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index 9f75d439b..fc5cf5782 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -522,6 +522,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: #383838; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: #383838; @@ -2705,6 +2720,9 @@ border-color: #383838; color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #383838; diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index a8b7f115a..34ac942cd 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -522,6 +522,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: #3f4b5b; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e3f3fe; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: #3f4b5b; @@ -2705,6 +2720,9 @@ border-color: #3f4b5b; color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} .p-panel .p-panel-header { border: 1px solid #3f4b5b; diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index f6250a07a..b0e9e292a 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -522,6 +522,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: #3f4b5b; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #f0e6f5; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: #3f4b5b; @@ -2705,6 +2720,9 @@ border-color: #3f4b5b; color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} .p-panel .p-panel-header { border: 1px solid #3f4b5b; diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 28b2a36c7..c6bb50ff8 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -522,6 +522,11 @@ color: #212529; background: #e9ecef; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} .p-input-filled .p-dropdown { background: rgba(0, 0, 0, 0.03); @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #212529; background: #e9ecef; @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} .p-input-filled .p-multiselect { background: rgba(0, 0, 0, 0.03); @@ -2705,6 +2720,9 @@ border-color: #dee2e6; color: #212529; } +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} .p-panel .p-panel-header { border: 1px solid #dee2e6; diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index 9ac06bdd6..f36ce31b7 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -522,6 +522,11 @@ color: #212529; background: #e9ecef; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} .p-input-filled .p-dropdown { background: rgba(0, 0, 0, 0.03); @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #212529; background: #e9ecef; @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; +} .p-input-filled .p-multiselect { background: rgba(0, 0, 0, 0.03); @@ -2705,6 +2720,9 @@ border-color: #dee2e6; color: #212529; } +.p-fieldset .p-fieldset-content { + padding: 1.25rem; +} .p-panel .p-panel-header { border: 1px solid #dee2e6; diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index acb857695..ca4ae1376 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -522,6 +522,11 @@ color: #dedede; background: #4c4c4c; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; +} .p-input-filled .p-dropdown { background: #4b4b4b; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem white; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; +} .p-input-filled .p-multiselect { background: #4b4b4b; @@ -2688,6 +2703,9 @@ border-color: #191919; color: #FFE082; } +.p-fieldset .p-fieldset-content { + padding: 0.571rem 1rem; +} .p-panel .p-panel-header { border: 1px solid #191919; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index 99e685fa9..8c43e5d4c 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -522,6 +522,11 @@ color: #dedede; background: #4c4c4c; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; +} .p-input-filled .p-dropdown { background: #4b4b4b; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem white; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; +} .p-input-filled .p-multiselect { background: #4b4b4b; @@ -2688,6 +2703,9 @@ border-color: #191919; color: #81D4FA; } +.p-fieldset .p-fieldset-content { + padding: 0.571rem 1rem; +} .p-panel .p-panel-header { border: 1px solid #191919; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 57388730e..ed1d767df 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -522,6 +522,11 @@ color: #dedede; background: #4c4c4c; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; +} .p-input-filled .p-dropdown { background: #4b4b4b; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem white; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; +} .p-input-filled .p-multiselect { background: #4b4b4b; @@ -2688,6 +2703,9 @@ border-color: #191919; color: #C5E1A5; } +.p-fieldset .p-fieldset-content { + padding: 0.571rem 1rem; +} .p-panel .p-panel-header { border: 1px solid #191919; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 2572c42e9..80cfccd20 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -522,6 +522,11 @@ color: #dedede; background: #4c4c4c; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; +} .p-input-filled .p-dropdown { background: #4b4b4b; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem white; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; +} .p-input-filled .p-multiselect { background: #4b4b4b; @@ -2688,6 +2703,9 @@ border-color: #191919; color: #F48FB1; } +.p-fieldset .p-fieldset-content { + padding: 0.571rem 1rem; +} .p-panel .p-panel-header { border: 1px solid #191919; diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 0bbe59af8..d04dfc9bb 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -542,6 +542,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: rgba(255, 255, 255, 0.06); @@ -892,6 +897,11 @@ outline-offset: 0; box-shadow: none; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); @@ -1007,6 +1017,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: rgba(255, 255, 255, 0.06); @@ -2717,6 +2732,9 @@ border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid rgba(255, 255, 255, 0.12); diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index ef969d8b2..462d1a0bd 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -542,6 +542,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: rgba(255, 255, 255, 0.06); @@ -892,6 +897,11 @@ outline-offset: 0; box-shadow: none; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); @@ -1007,6 +1017,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: rgba(255, 255, 255, 0.06); @@ -2717,6 +2732,9 @@ border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid rgba(255, 255, 255, 0.12); diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 38b551a4c..14b16d986 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -542,6 +542,11 @@ color: #000001; background: rgba(0, 0, 0, 0.04); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: #000001; + background: transparent; +} .p-input-filled .p-dropdown { background: #f5f5f5; @@ -892,6 +897,11 @@ outline-offset: 0; box-shadow: none; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 1rem 1rem; + color: #000001; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #000001; background: rgba(0, 0, 0, 0.04); @@ -1007,6 +1017,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 1rem 1rem; + color: #000001; + background: transparent; +} .p-input-filled .p-multiselect { background: #f5f5f5; @@ -2717,6 +2732,9 @@ border-color: #e0e0e0; color: #000001; } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #e0e0e0; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index 18dcc4243..c3cb8a96b 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -542,6 +542,11 @@ color: #000001; background: rgba(0, 0, 0, 0.04); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: #000001; + background: transparent; +} .p-input-filled .p-dropdown { background: #f5f5f5; @@ -892,6 +897,11 @@ outline-offset: 0; box-shadow: none; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 1rem 1rem; + color: #000001; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #000001; background: rgba(0, 0, 0, 0.04); @@ -1007,6 +1017,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 1rem 1rem; + color: #000001; + background: transparent; +} .p-input-filled .p-multiselect { background: #f5f5f5; @@ -2717,6 +2732,9 @@ border-color: #e0e0e0; color: #000001; } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #e0e0e0; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index 47c53690f..4feee1009 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -542,6 +542,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: rgba(255, 255, 255, 0.06); @@ -892,6 +897,11 @@ outline-offset: 0; box-shadow: none; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); @@ -1007,6 +1017,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: rgba(255, 255, 255, 0.06); @@ -2717,6 +2732,9 @@ border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 0.75rem; +} .p-panel .p-panel-header { border: 1px solid rgba(255, 255, 255, 0.12); diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 029757f3d..c27b6936a 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -542,6 +542,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: rgba(255, 255, 255, 0.06); @@ -892,6 +897,11 @@ outline-offset: 0; box-shadow: none; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); @@ -1007,6 +1017,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: rgba(255, 255, 255, 0.06); @@ -2717,6 +2732,9 @@ border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 0.75rem; +} .p-panel .p-panel-header { border: 1px solid rgba(255, 255, 255, 0.12); diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 0de0c7817..8229ccd15 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -542,6 +542,11 @@ color: #000001; background: rgba(0, 0, 0, 0.04); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: #000001; + background: transparent; +} .p-input-filled .p-dropdown { background: #f5f5f5; @@ -892,6 +897,11 @@ outline-offset: 0; box-shadow: none; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: #000001; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #000001; background: rgba(0, 0, 0, 0.04); @@ -1007,6 +1017,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: #000001; + background: transparent; +} .p-input-filled .p-multiselect { background: #f5f5f5; @@ -2717,6 +2732,9 @@ border-color: #e0e0e0; color: #000001; } +.p-fieldset .p-fieldset-content { + padding: 0.75rem; +} .p-panel .p-panel-header { border: 1px solid #e0e0e0; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index a1ddf935b..0036b81ce 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -542,6 +542,11 @@ color: #000001; background: rgba(0, 0, 0, 0.04); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: #000001; + background: transparent; +} .p-input-filled .p-dropdown { background: #f5f5f5; @@ -892,6 +897,11 @@ outline-offset: 0; box-shadow: none; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: #000001; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #000001; background: rgba(0, 0, 0, 0.04); @@ -1007,6 +1017,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: #000001; + background: transparent; +} .p-input-filled .p-multiselect { background: #f5f5f5; @@ -2717,6 +2732,9 @@ border-color: #e0e0e0; color: #000001; } +.p-fieldset .p-fieldset-content { + padding: 0.75rem; +} .p-panel .p-panel-header { border: 1px solid #e0e0e0; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index 519b7da56..3e2c01f18 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -518,6 +518,11 @@ color: #333333; background: #eaeaea; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; +} .p-input-filled .p-dropdown { background: #f4f4f4; @@ -868,6 +873,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; background: #eaeaea; @@ -983,6 +993,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; +} .p-input-filled .p-multiselect { background: #f4f4f4; @@ -2676,6 +2691,9 @@ border-color: #dbdbdb; color: #333333; } +.p-fieldset .p-fieldset-content { + padding: 0.571rem 1rem; +} .p-panel .p-panel-header { border: 1px solid #007ad9; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index a8623b1f4..0f0b9ac3f 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -522,6 +522,11 @@ color: #333333; background: #eaeaea; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; +} .p-input-filled .p-dropdown { background: #f4f4f4; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; background: #eaeaea; @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; +} .p-input-filled .p-multiselect { background: #f4f4f4; @@ -2688,6 +2703,9 @@ border-color: #dbdbdb; color: #333333; } +.p-fieldset .p-fieldset-content { + padding: 0.571rem 1rem; +} .p-panel .p-panel-header { border: 1px solid #333333; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 825ba0d4e..6c8697da9 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -522,6 +522,11 @@ color: #333333; background: #eaeaea; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; +} .p-input-filled .p-dropdown { background: #f4f4f4; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #c2e9d8; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; background: #eaeaea; @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; +} .p-input-filled .p-multiselect { background: #f4f4f4; @@ -2688,6 +2703,9 @@ border-color: #dbdbdb; color: #333333; } +.p-fieldset .p-fieldset-content { + padding: 0.571rem 1rem; +} .p-panel .p-panel-header { border: 1px solid #c8c8c8; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index 6d934a5cd..3a69ce9af 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -522,6 +522,11 @@ color: #333333; background: #eaeaea; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; +} .p-input-filled .p-dropdown { background: #f4f4f4; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; background: #eaeaea; @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; +} .p-input-filled .p-multiselect { background: #f4f4f4; @@ -2688,6 +2703,9 @@ border-color: #dbdbdb; color: #333333; } +.p-fieldset .p-fieldset-content { + padding: 0.571rem 1rem; +} .p-panel .p-panel-header { border: 1px solid #c8c8c8; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index e14197bc0..154e984ab 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -518,6 +518,11 @@ color: #666666; background: #f4f4f4; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #666666; + background: transparent; +} .p-input-filled .p-dropdown { background: #f4f4f4; @@ -868,6 +873,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #e4e9ec; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.429rem 0.857rem; + color: #666666; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; background: #f4f4f4; @@ -983,6 +993,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.429rem 0.857rem; + color: #666666; + background: transparent; +} .p-input-filled .p-multiselect { background: #f4f4f4; @@ -2676,6 +2691,9 @@ border-color: #617c8a; color: #ffffff; } +.p-fieldset .p-fieldset-content { + padding: 0.571rem 1rem; +} .p-panel .p-panel-header { border: 1px solid #7B95A3; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 967846f09..595e24fef 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -522,6 +522,11 @@ color: #495057; background: #e9ecef; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} .p-input-filled .p-dropdown { background: #f8f9fa; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} .p-input-filled .p-multiselect { background: #f8f9fa; @@ -2705,6 +2720,9 @@ border-color: #dee2e6; color: #495057; } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #dee2e6; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 2a93e3103..2f33fbfbd 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -522,6 +522,11 @@ color: #495057; background: #e9ecef; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} .p-input-filled .p-dropdown { background: #f8f9fa; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #b7e0b8; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} .p-input-filled .p-multiselect { background: #f8f9fa; @@ -2705,6 +2720,9 @@ border-color: #dee2e6; color: #495057; } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #dee2e6; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index b0896e7db..4ccec1506 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -522,6 +522,11 @@ color: #495057; background: #e9ecef; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} .p-input-filled .p-dropdown { background: #f8f9fa; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #ffe69c; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} .p-input-filled .p-multiselect { background: #f8f9fa; @@ -2705,6 +2720,9 @@ border-color: #dee2e6; color: #495057; } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #dee2e6; diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index 26c1d87b4..587bf4c33 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -522,6 +522,11 @@ color: #495057; background: #e9ecef; } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} .p-input-filled .p-dropdown { background: #f8f9fa; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #df9eea; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; +} .p-input-filled .p-multiselect { background: #f8f9fa; @@ -2705,6 +2720,9 @@ border-color: #dee2e6; color: #495057; } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #dee2e6; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 49b5e165c..f648cf66b 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -522,6 +522,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: #304562; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: #304562; @@ -2705,6 +2720,9 @@ border-color: #304562; color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #304562; diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 428511b12..140a5bba5 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -522,6 +522,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: #304562; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: #304562; @@ -2705,6 +2720,9 @@ border-color: #304562; color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #304562; diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index cf6a72c93..6506c601d 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -522,6 +522,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: #304562; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: #304562; @@ -2705,6 +2720,9 @@ border-color: #304562; color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #304562; diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 837bc4aec..d67d27f4a 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -522,6 +522,11 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-dropdown { background: #304562; @@ -872,6 +877,11 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; } +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); @@ -987,6 +997,11 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} .p-input-filled .p-multiselect { background: #304562; @@ -2705,6 +2720,9 @@ border-color: #304562; color: rgba(255, 255, 255, 0.87); } +.p-fieldset .p-fieldset-content { + padding: 1rem; +} .p-panel .p-panel-header { border: 1px solid #304562; diff --git a/src/components/dropdown/Dropdown.d.ts b/src/components/dropdown/Dropdown.d.ts index 9fbcdb9d3..b65c730da 100755 --- a/src/components/dropdown/Dropdown.d.ts +++ b/src/components/dropdown/Dropdown.d.ts @@ -19,6 +19,7 @@ export declare class Dropdown extends Vue { inputId?: string; ariaLabelledBy?: string; appendTo?: string; + emptyFilterMessage?: string; $emit(eventName: 'input', value: string): this; $emit(eventName: 'change', e: { originalEvent: Event, value: string }): this; $emit(eventName: 'before-show'): this; diff --git a/src/components/dropdown/Dropdown.vue b/src/components/dropdown/Dropdown.vue index 766b48ed4..2319c06e4 100755 --- a/src/components/dropdown/Dropdown.vue +++ b/src/components/dropdown/Dropdown.vue @@ -31,6 +31,7 @@ {{getOptionLabel(option)}} +
  • {{emptyFilterMessage}}
    • @@ -68,6 +69,10 @@ export default { appendTo: { type: String, default: null + }, + emptyFilterMessage: { + type: String, + default: 'No results found' } }, data() { diff --git a/src/components/listbox/Listbox.d.ts b/src/components/listbox/Listbox.d.ts index b53a83b06..0240fa274 100755 --- a/src/components/listbox/Listbox.d.ts +++ b/src/components/listbox/Listbox.d.ts @@ -15,6 +15,7 @@ export declare class Listbox extends Vue { filterPlaceholder?: string; filterLocale?: string; ariaLabelledBy?: string; + emptyFilterMessage?: string; $emit(eventName: 'input', value: any): this; $emit(eventName: 'change', e: { originalEvent: Event, value: any }): this; $emit(eventName: 'filter', e: { originalEvent: Event, value: string }): this; diff --git a/src/components/listbox/Listbox.vue b/src/components/listbox/Listbox.vue index 9f6bf41da..979b95c78 100755 --- a/src/components/listbox/Listbox.vue +++ b/src/components/listbox/Listbox.vue @@ -14,6 +14,7 @@ {{getOptionLabel(option)}} +
  • {{emptyFilterMessage}}
    • @@ -38,7 +39,11 @@ export default { metaKeySelection: Boolean, filter: Boolean, filterPlaceholder: String, - filterLocale: String + filterLocale: String, + emptyFilterMessage: { + type: String, + default: 'No results found' + } }, optionTouched: false, data() { diff --git a/src/components/multiselect/MultiSelect.d.ts b/src/components/multiselect/MultiSelect.d.ts index 5e32fcba1..a8c7967b0 100755 --- a/src/components/multiselect/MultiSelect.d.ts +++ b/src/components/multiselect/MultiSelect.d.ts @@ -17,6 +17,7 @@ export declare class MultiSelect extends Vue { filterLocale?: string; ariaLabelledBy?: string; appendTo?: string; + emptyFilterMessage?: string; $emit(eventName: 'input', value: any): this; $emit(eventName: 'change', e: {originalEvent: Event, value: any}): this; $emit(eventName: 'before-show'): this; diff --git a/src/components/multiselect/MultiSelect.vue b/src/components/multiselect/MultiSelect.vue index 505ef656d..ecbc27f9a 100755 --- a/src/components/multiselect/MultiSelect.vue +++ b/src/components/multiselect/MultiSelect.vue @@ -46,6 +46,7 @@ {{getOptionLabel(option)}} +
  • {{emptyFilterMessage}}
    • @@ -81,6 +82,10 @@ export default { appendTo: { type: String, default: null + }, + emptyFilterMessage: { + type: String, + default: 'No results found' } }, data() { diff --git a/src/views/dropdown/DropdownDoc.vue b/src/views/dropdown/DropdownDoc.vue index f413177f8..039967bfd 100755 --- a/src/views/dropdown/DropdownDoc.vue +++ b/src/views/dropdown/DropdownDoc.vue @@ -183,6 +183,12 @@ data() { string null Id of the element or "body" for document where the overlay should be appended to. + + + emptyFilterMessage + string + No results found + Text to display when filtering does not return any results. diff --git a/src/views/listbox/ListboxDoc.vue b/src/views/listbox/ListboxDoc.vue index d10a7fbad..dba98e253 100755 --- a/src/views/listbox/ListboxDoc.vue +++ b/src/views/listbox/ListboxDoc.vue @@ -148,6 +148,12 @@ data() { string undefined Locale to use in filtering. The default locale is the host environment's current locale. + + + emptyFilterMessage + string + No results found + Text to display when filtering does not return any results. diff --git a/src/views/multiselect/MultiSelectDoc.vue b/src/views/multiselect/MultiSelectDoc.vue index 63b5e2ad9..798799062 100755 --- a/src/views/multiselect/MultiSelectDoc.vue +++ b/src/views/multiselect/MultiSelectDoc.vue @@ -171,6 +171,12 @@ data() { string null Id of the element or "body" for document where the overlay should be appended to. + + + emptyFilterMessage + string + No results found + Text to display when filtering does not return any results.