diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/ellipsis-chip-list.directive.ts b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/ellipsis-chip-list.directive.ts index fd7ed7e61e..e5a6c5a54c 100644 --- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/ellipsis-chip-list.directive.ts +++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/ellipsis-chip-list.directive.ts @@ -94,15 +94,16 @@ export class EllipsisChipListDirective implements OnDestroy { this.renderer.setStyle(ellipsisChip, 'display', 'none'); } } else if (this.chipsValue.length === 1) { - this.renderer.setStyle(ellipsisChip, 'display', 'none'); const chipLabelContainer = chipNodes[0].querySelector('.mdc-evolution-chip__action'); const textLabelContainer = chipLabelContainer.querySelector('.mdc-evolution-chip__text-label'); const leftPadding = parseFloat(this.window.getComputedStyle(chipLabelContainer).paddingLeft) || 0; const rightPadding = parseFloat(this.window.getComputedStyle(chipLabelContainer).paddingRight) || 0; - const computedTextWidth = chipListElement.offsetWidth - margin - (leftPadding + rightPadding); + this.renderer.setStyle(ellipsisChip, 'display', 'none'); + this.renderer.setStyle(chipNodes[0], 'display', 'inline-flex'); + this.renderer.setStyle(textLabelContainer, 'max-width', computedTextWidth + 'px'); this.renderer.setStyle(textLabelContainer, 'overflow', 'hidden'); this.renderer.setStyle(textLabelContainer, 'text-overflow', 'ellipsis'); diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/mapping-table.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/mapping-table.component.html index 6dc7e7d03a..e5c703d8d0 100644 --- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/mapping-table.component.html +++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/mapping-table.component.html @@ -105,7 +105,7 @@ -
+ + widget.no-data-found + diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/mapping-table.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/mapping-table.component.scss index affc4e5982..707b5fa056 100644 --- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/mapping-table.component.scss +++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/mapping-table.component.scss @@ -71,6 +71,10 @@ } } + .no-data-found { + height: calc(100% - 120px); + } + @media #{$mat-xs} { .mat-toolbar { height: auto; diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/mapping-table.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/mapping-table.component.ts index a5c6addfe4..4ef9695c65 100644 --- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/mapping-table.component.ts +++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/mapping-table.component.ts @@ -215,6 +215,7 @@ export class MappingTableComponent extends PageComponent implements ControlValue } exitFilterMode() { + this.updateTableData(this.mappingFormGroup.value); this.textSearchMode = false; this.textSearch.reset(); }