From 576bb138b23d825ac711cf171a79dcb4ac6e2d1f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yi=C4=9Fit=20FINDIKLI?= Date: Wed, 28 Apr 2021 16:07:31 +0300 Subject: [PATCH] #9532 for orderlist --- src/app/components/orderlist/orderlist.ts | 15 +++++++++++++++ src/assets/components/themes/arya-blue/theme.css | 4 ++++ src/assets/components/themes/arya-green/theme.css | 4 ++++ .../components/themes/arya-orange/theme.css | 4 ++++ .../components/themes/arya-purple/theme.css | 4 ++++ .../themes/bootstrap4-dark-blue/theme.css | 4 ++++ .../themes/bootstrap4-dark-purple/theme.css | 4 ++++ .../themes/bootstrap4-light-blue/theme.css | 4 ++++ .../themes/bootstrap4-light-purple/theme.css | 4 ++++ .../components/themes/fluent-light/theme.css | 4 ++++ src/assets/components/themes/luna-amber/theme.css | 4 ++++ src/assets/components/themes/luna-blue/theme.css | 4 ++++ src/assets/components/themes/luna-green/theme.css | 4 ++++ src/assets/components/themes/luna-pink/theme.css | 4 ++++ .../themes/md-dark-deeppurple/theme.css | 4 ++++ .../components/themes/md-dark-indigo/theme.css | 4 ++++ .../themes/md-light-deeppurple/theme.css | 4 ++++ .../components/themes/md-light-indigo/theme.css | 4 ++++ .../themes/mdc-dark-deeppurple/theme.css | 4 ++++ .../components/themes/mdc-dark-indigo/theme.css | 4 ++++ .../themes/mdc-light-deeppurple/theme.css | 4 ++++ .../components/themes/mdc-light-indigo/theme.css | 4 ++++ .../components/themes/nova-accent/theme.css | 4 ++++ src/assets/components/themes/nova-alt/theme.css | 4 ++++ src/assets/components/themes/nova/theme.css | 4 ++++ src/assets/components/themes/rhea/theme.css | 4 ++++ src/assets/components/themes/saga-blue/theme.css | 4 ++++ src/assets/components/themes/saga-green/theme.css | 4 ++++ .../components/themes/saga-orange/theme.css | 4 ++++ .../components/themes/saga-purple/theme.css | 4 ++++ src/assets/components/themes/vela-blue/theme.css | 4 ++++ src/assets/components/themes/vela-green/theme.css | 4 ++++ .../components/themes/vela-orange/theme.css | 4 ++++ .../components/themes/vela-purple/theme.css | 4 ++++ 34 files changed, 147 insertions(+) diff --git a/src/app/components/orderlist/orderlist.ts b/src/app/components/orderlist/orderlist.ts index e68a1c74720..2bfdbb8f172 100755 --- a/src/app/components/orderlist/orderlist.ts +++ b/src/app/components/orderlist/orderlist.ts @@ -36,6 +36,11 @@ import {CdkDragDrop, DragDropModule, moveItemInArray} from '@angular/cdk/drag-dr + +
  • + +
    • +     @@ -89,6 +94,8 @@ export class OrderList implements AfterViewChecked,AfterContentInit { @ContentChildren(PrimeTemplate) templates: QueryList; public itemTemplate: TemplateRef; + + public emptyMessageTemplate: TemplateRef; _selection: any[]; @@ -131,6 +138,10 @@ export class OrderList implements AfterViewChecked,AfterContentInit { this.itemTemplate = item.template; break; + case 'empty': + this.emptyMessageTemplate = item.template; + break; + default: this.itemTemplate = item.template; break; @@ -237,6 +248,10 @@ export class OrderList implements AfterViewChecked,AfterContentInit { return ObjectUtils.findIndexInList(item, this.selection) != -1; } + isEmpty() { + return this.filterValue ? (!this.visibleOptions || this.visibleOptions.length === 0) : (!this.value || this.value.length === 0) + } + moveUp() { if (this.selection) { for (let i = 0; i < this.selection.length; i++) { diff --git a/src/assets/components/themes/arya-blue/theme.css b/src/assets/components/themes/arya-blue/theme.css index c0c33081d89..15cb3f127bd 100644 --- a/src/assets/components/themes/arya-blue/theme.css +++ b/src/assets/components/themes/arya-blue/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/arya-green/theme.css b/src/assets/components/themes/arya-green/theme.css index 72d29f96b1e..ccb613b79f4 100644 --- a/src/assets/components/themes/arya-green/theme.css +++ b/src/assets/components/themes/arya-green/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/arya-orange/theme.css b/src/assets/components/themes/arya-orange/theme.css index cdc11ddbfe5..a6ca2de9043 100644 --- a/src/assets/components/themes/arya-orange/theme.css +++ b/src/assets/components/themes/arya-orange/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/arya-purple/theme.css b/src/assets/components/themes/arya-purple/theme.css index ede10b46642..ab27bf2d0a7 100644 --- a/src/assets/components/themes/arya-purple/theme.css +++ b/src/assets/components/themes/arya-purple/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/bootstrap4-dark-blue/theme.css b/src/assets/components/themes/bootstrap4-dark-blue/theme.css index d31d74af34e..831ebabcec3 100644 --- a/src/assets/components/themes/bootstrap4-dark-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-blue/theme.css @@ -2605,6 +2605,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #151515; background: #8dd0ff; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/bootstrap4-dark-purple/theme.css b/src/assets/components/themes/bootstrap4-dark-purple/theme.css index 15ad4368ea6..ae28420ec1c 100644 --- a/src/assets/components/themes/bootstrap4-dark-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-purple/theme.css @@ -2605,6 +2605,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #151515; background: #c298d8; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/bootstrap4-light-blue/theme.css b/src/assets/components/themes/bootstrap4-light-blue/theme.css index 2c4ac02bb35..fa0a4904c2b 100644 --- a/src/assets/components/themes/bootstrap4-light-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-light-blue/theme.css @@ -2605,6 +2605,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #ffffff; background: #007bff; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #212529; diff --git a/src/assets/components/themes/bootstrap4-light-purple/theme.css b/src/assets/components/themes/bootstrap4-light-purple/theme.css index d7d006e5d1f..830110fd506 100644 --- a/src/assets/components/themes/bootstrap4-light-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-light-purple/theme.css @@ -2605,6 +2605,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #ffffff; background: #883cae; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #212529; diff --git a/src/assets/components/themes/fluent-light/theme.css b/src/assets/components/themes/fluent-light/theme.css index cd03b65e49e..9718f85e664 100644 --- a/src/assets/components/themes/fluent-light/theme.css +++ b/src/assets/components/themes/fluent-light/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #323130; background: #edebe9; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.5rem; + color: #323130; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #f3f2f1; color: #323130; diff --git a/src/assets/components/themes/luna-amber/theme.css b/src/assets/components/themes/luna-amber/theme.css index 40bdd76035d..5b38cb2ef20 100644 --- a/src/assets/components/themes/luna-amber/theme.css +++ b/src/assets/components/themes/luna-amber/theme.css @@ -2605,6 +2605,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #212529; background: #FFE082; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; diff --git a/src/assets/components/themes/luna-blue/theme.css b/src/assets/components/themes/luna-blue/theme.css index ad7859c57a3..eaa7d7c74a4 100644 --- a/src/assets/components/themes/luna-blue/theme.css +++ b/src/assets/components/themes/luna-blue/theme.css @@ -2605,6 +2605,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #212529; background: #81D4FA; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; diff --git a/src/assets/components/themes/luna-green/theme.css b/src/assets/components/themes/luna-green/theme.css index 748de54289b..4418df22978 100644 --- a/src/assets/components/themes/luna-green/theme.css +++ b/src/assets/components/themes/luna-green/theme.css @@ -2605,6 +2605,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #212529; background: #C5E1A5; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; diff --git a/src/assets/components/themes/luna-pink/theme.css b/src/assets/components/themes/luna-pink/theme.css index a7177c2c571..ed3785bac00 100644 --- a/src/assets/components/themes/luna-pink/theme.css +++ b/src/assets/components/themes/luna-pink/theme.css @@ -2605,6 +2605,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #212529; background: #F48FB1; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; diff --git a/src/assets/components/themes/md-dark-deeppurple/theme.css b/src/assets/components/themes/md-dark-deeppurple/theme.css index ec0d7fd271d..768acbe7b86 100644 --- a/src/assets/components/themes/md-dark-deeppurple/theme.css +++ b/src/assets/components/themes/md-dark-deeppurple/theme.css @@ -2617,6 +2617,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #CE93D8; background: rgba(206, 147, 216, 0.16); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/md-dark-indigo/theme.css b/src/assets/components/themes/md-dark-indigo/theme.css index 6c3fd81fb20..d6c049af2ca 100644 --- a/src/assets/components/themes/md-dark-indigo/theme.css +++ b/src/assets/components/themes/md-dark-indigo/theme.css @@ -2617,6 +2617,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/md-light-deeppurple/theme.css b/src/assets/components/themes/md-light-deeppurple/theme.css index ef8beb3f352..7a485b64994 100644 --- a/src/assets/components/themes/md-light-deeppurple/theme.css +++ b/src/assets/components/themes/md-light-deeppurple/theme.css @@ -2617,6 +2617,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #673AB7; background: rgba(103, 58, 183, 0.12); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); diff --git a/src/assets/components/themes/md-light-indigo/theme.css b/src/assets/components/themes/md-light-indigo/theme.css index eaafefd8ddd..4aa2d0bba23 100644 --- a/src/assets/components/themes/md-light-indigo/theme.css +++ b/src/assets/components/themes/md-light-indigo/theme.css @@ -2617,6 +2617,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #3F51B5; background: rgba(63, 81, 181, 0.12); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); diff --git a/src/assets/components/themes/mdc-dark-deeppurple/theme.css b/src/assets/components/themes/mdc-dark-deeppurple/theme.css index 2205d154288..700140f6c55 100644 --- a/src/assets/components/themes/mdc-dark-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-dark-deeppurple/theme.css @@ -2617,6 +2617,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #673AB7; background: rgba(103, 58, 183, 0.16); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/mdc-dark-indigo/theme.css b/src/assets/components/themes/mdc-dark-indigo/theme.css index 32c122d4d9a..22a79e625ed 100644 --- a/src/assets/components/themes/mdc-dark-indigo/theme.css +++ b/src/assets/components/themes/mdc-dark-indigo/theme.css @@ -2617,6 +2617,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #3F51B5; background: rgba(63, 81, 181, 0.16); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/mdc-light-deeppurple/theme.css b/src/assets/components/themes/mdc-light-deeppurple/theme.css index 4dbfe22a665..0764cfce4c2 100644 --- a/src/assets/components/themes/mdc-light-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-light-deeppurple/theme.css @@ -2617,6 +2617,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #673AB7; background: rgba(103, 58, 183, 0.12); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); diff --git a/src/assets/components/themes/mdc-light-indigo/theme.css b/src/assets/components/themes/mdc-light-indigo/theme.css index 128596561d2..a256de4c23f 100644 --- a/src/assets/components/themes/mdc-light-indigo/theme.css +++ b/src/assets/components/themes/mdc-light-indigo/theme.css @@ -2617,6 +2617,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #3F51B5; background: rgba(63, 81, 181, 0.12); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); diff --git a/src/assets/components/themes/nova-accent/theme.css b/src/assets/components/themes/nova-accent/theme.css index ba44b45821f..09e43ca6c64 100644 --- a/src/assets/components/themes/nova-accent/theme.css +++ b/src/assets/components/themes/nova-accent/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #ffffff; background: #e02365; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #eaeaea; color: #333333; diff --git a/src/assets/components/themes/nova-alt/theme.css b/src/assets/components/themes/nova-alt/theme.css index 819ce81c554..afafaf72c38 100644 --- a/src/assets/components/themes/nova-alt/theme.css +++ b/src/assets/components/themes/nova-alt/theme.css @@ -2605,6 +2605,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #ffffff; background: #007ad9; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #eaeaea; color: #333333; diff --git a/src/assets/components/themes/nova/theme.css b/src/assets/components/themes/nova/theme.css index feea52af153..2060c0394f2 100644 --- a/src/assets/components/themes/nova/theme.css +++ b/src/assets/components/themes/nova/theme.css @@ -2605,6 +2605,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #ffffff; background: #007ad9; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #eaeaea; color: #333333; diff --git a/src/assets/components/themes/rhea/theme.css b/src/assets/components/themes/rhea/theme.css index 44ed27c7dc6..6f573717345 100644 --- a/src/assets/components/themes/rhea/theme.css +++ b/src/assets/components/themes/rhea/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #385048; background: #AFD3C8; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.429rem 0.857rem; + color: #666666; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #f4f4f4; color: #666666; diff --git a/src/assets/components/themes/saga-blue/theme.css b/src/assets/components/themes/saga-blue/theme.css index 2945f12aac2..ea9928e7937 100644 --- a/src/assets/components/themes/saga-blue/theme.css +++ b/src/assets/components/themes/saga-blue/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #495057; background: #E3F2FD; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: #495057; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; diff --git a/src/assets/components/themes/saga-green/theme.css b/src/assets/components/themes/saga-green/theme.css index 90f35bed592..2c4bc337818 100644 --- a/src/assets/components/themes/saga-green/theme.css +++ b/src/assets/components/themes/saga-green/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #495057; background: #E8F5E9; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: #495057; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; diff --git a/src/assets/components/themes/saga-orange/theme.css b/src/assets/components/themes/saga-orange/theme.css index 41f34e343a3..1c8a7f9df52 100644 --- a/src/assets/components/themes/saga-orange/theme.css +++ b/src/assets/components/themes/saga-orange/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #495057; background: #FFF3E0; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: #495057; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; diff --git a/src/assets/components/themes/saga-purple/theme.css b/src/assets/components/themes/saga-purple/theme.css index f3809d82d5c..0f1a4990fa9 100644 --- a/src/assets/components/themes/saga-purple/theme.css +++ b/src/assets/components/themes/saga-purple/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: #495057; background: #F3E5F5; } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: #495057; +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; diff --git a/src/assets/components/themes/vela-blue/theme.css b/src/assets/components/themes/vela-blue/theme.css index 254f369a9e3..4693e63a0db 100644 --- a/src/assets/components/themes/vela-blue/theme.css +++ b/src/assets/components/themes/vela-blue/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/vela-green/theme.css b/src/assets/components/themes/vela-green/theme.css index 37e7aaa32ce..b194dd736f8 100644 --- a/src/assets/components/themes/vela-green/theme.css +++ b/src/assets/components/themes/vela-green/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/vela-orange/theme.css b/src/assets/components/themes/vela-orange/theme.css index 0ffa15dd625..36c56f39e50 100644 --- a/src/assets/components/themes/vela-orange/theme.css +++ b/src/assets/components/themes/vela-orange/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/vela-purple/theme.css b/src/assets/components/themes/vela-purple/theme.css index 48080e3056b..7fcf8d4a6df 100644 --- a/src/assets/components/themes/vela-purple/theme.css +++ b/src/assets/components/themes/vela-purple/theme.css @@ -2593,6 +2593,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); +} .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87);