UI: Refactoring

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-keys.component.html

@@ -93,7 +93,7 @@
         </div>
       </mat-chip-row>
       <input matInput type="text" placeholder="{{ !disabled && (!maxDataKeysSet || keys.length < maxDataKeys) ? secondaryPlaceholder : '' }}"
-             [class.tb-dragging]="dragIndex > -1"
+             [class.invisible]="dragIndex > -1"
              style="max-width: 200px;"
              #keyInput
              formControlName="key"

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-keys.component.scss

@@ -45,10 +45,6 @@
   display: flex;
   flex-wrap: wrap;
   width: 100%;
-
-  input.tb-dragging {
-    visibility: hidden;
-  }
 }
 
 .mat-mdc-chip.mat-mdc-standard-chip.tb-datakey-chip {