Merge pull request #10117 from iraznatovskyi/fix-connector-rpc-table

Fixed RPC connectors table collapsing also fixed JSON field height when this widget looks as a column

ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.html

@@ -80,7 +80,7 @@
         </ng-container>
         <ng-container matColumnDef="actions" stickyEnd>
           <mat-header-cell *matHeaderCellDef
-                           [ngStyle.gt-md]="{ minWidth: '144px', maxWidth: '144px', width: '144px'}">
+                           [ngStyle.gt-md]="{ minWidth: '144px', maxWidth: '144px', width: '144px', textAlign: 'center'}">
             {{ 'gateway.connectors-table-actions' | translate }}
           </mat-header-cell>
           <mat-cell *matCellDef="let attribute"

ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.scss

@@ -30,6 +30,13 @@
       flex-direction: column;
     }
 
+    & > section:not(.table-section) {
+      max-width: unset;
+      @media #{$mat-gt-md} {
+        max-width: 50%;
+      }
+    }
+
     .table-section {
       min-height: 35vh;
       overflow: hidden;

ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.ts

@@ -381,6 +381,7 @@ export class GatewayConnectorComponent extends PageComponent implements AfterVie
     if ($event) {
       $event.stopPropagation();
     }
+    this.initialConnector = attribute.value;
     const title = `Delete connector ${attribute.key}?`;
     const content = `All connector data will be deleted.`;
     this.dialogService.confirm(title, content, 'Cancel', 'Delete').subscribe(result => {

ui-ngx/src/app/shared/components/json-object-edit.component.scss

@@ -52,6 +52,7 @@
     width: 100%;
     min-width: 200px;
     height: 100%;
+    min-height: 300px;
 
     &:not(.fill-height) {
       min-height: 200px;