From e4b6a091fd48770f0d35f354ede720e9b204532b Mon Sep 17 00:00:00 2001
From: Prasanth B <89722848+bupd@users.noreply.github.com>
Date: Tue, 22 Oct 2024 15:02:48 +0530
Subject: [PATCH] Fix Default Horizontal Scrollbar in Replication Page (#21033)

* fix default scrollbar in replication page

Signed-off-by: bupd <bupdprasanth@gmail.com>

* update replication table columns

* updates replication hidden columns order.

Signed-off-by: bupd <bupdprasanth@gmail.com>

---------

Signed-off-by: bupd <bupdprasanth@gmail.com>
Co-authored-by: Wang Yan <wangyan@vmware.com>
---
 .../list-replication-rule.component.html           | 14 +++++++-------
 .../list-replication-rule.component.ts             |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/portal/src/app/base/left-side-nav/replication/replication/list-replication-rule/list-replication-rule.component.html b/src/portal/src/app/base/left-side-nav/replication/replication/list-replication-rule/list-replication-rule.component.html
index 2c5fe9a89..96f1c7caa 100644
--- a/src/portal/src/app/base/left-side-nav/replication/replication/list-replication-rule/list-replication-rule.component.html
+++ b/src/portal/src/app/base/left-side-nav/replication/replication/list-replication-rule/list-replication-rule.component.html
@@ -121,21 +121,21 @@
                 {{ 'REPLICATION.DES_REPO_FLATTENING' | translate }}
             </ng-template>
         </clr-dg-column>
-        <clr-dg-column>
-            <ng-template [clrDgHideableColumn]="{ hidden: hiddenArray[6] }">
-                {{ 'REPLICATION.REPLICATION_TRIGGER' | translate }}
-            </ng-template></clr-dg-column
-        >
         <clr-dg-column [clrDgSortBy]="'speed'">
-            <ng-template [clrDgHideableColumn]="{ hidden: hiddenArray[7] }">
+            <ng-template [clrDgHideableColumn]="{ hidden: hiddenArray[6] }">
                 {{ 'REPLICATION.BANDWIDTH' | translate }}
             </ng-template>
         </clr-dg-column>
         <clr-dg-column [clrDgField]="'description'">
-            <ng-template [clrDgHideableColumn]="{ hidden: hiddenArray[8] }">
+            <ng-template [clrDgHideableColumn]="{ hidden: hiddenArray[7] }">
                 {{ 'REPLICATION.DESCRIPTION' | translate }}
             </ng-template>
         </clr-dg-column>
+        <clr-dg-column>
+            <ng-template [clrDgHideableColumn]="{ hidden: hiddenArray[8] }">
+                {{ 'REPLICATION.REPLICATION_TRIGGER' | translate }}
+            </ng-template>
+        </clr-dg-column>
         <clr-dg-placeholder>{{
             'REPLICATION.PLACEHOLDER' | translate
         }}</clr-dg-placeholder>
diff --git a/src/portal/src/app/base/left-side-nav/replication/replication/list-replication-rule/list-replication-rule.component.ts b/src/portal/src/app/base/left-side-nav/replication/replication/list-replication-rule/list-replication-rule.component.ts
index ffd6b62ab..0ec995dc7 100644
--- a/src/portal/src/app/base/left-side-nav/replication/replication/list-replication-rule/list-replication-rule.component.ts
+++ b/src/portal/src/app/base/left-side-nav/replication/replication/list-replication-rule/list-replication-rule.component.ts
@@ -100,7 +100,7 @@ export class ListReplicationRuleComponent implements OnInit, OnDestroy {
     paused: boolean = false;
     hiddenArray: boolean[] = getHiddenArrayFromLocalStorage(
         PageSizeMapKeys.LIST_REPLICATION_RULE_COMPONENT,
-        [false, false, false, false, false, false, false, true, true]
+        [false, false, false, false, false, false, true, true, false]
     );
     @ViewChild('datagrid')
     datagrid: ClrDatagrid;