Add min-width to the permission column (#19675)

1. To avoid style confusion Signed-off-by: AllForNothing <[email protected]>
goharbor · Dec 7, 2023 · f99a619 · f99a619
1 parent ed0a69c
commit f99a619
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/...tal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.html b/...tal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.html
@@ -136,7 +136,7 @@ <h2 class="custom-h2">{{ 'SYSTEM_ROBOT.ROBOT_ACCOUNT_NAV' | translate }}</h2>
             <clr-dg-column>{{
                 'ROBOT_ACCOUNT.ENABLED_STATE' | translate
             }}</clr-dg-column>
-            <clr-dg-column>{{
+            <clr-dg-column class="permission-col">{{
                 'ROBOT_ACCOUNT.SYSTEM_PERMISSIONS' | translate
             }}</clr-dg-column>
             <clr-dg-column class="projects-col">{{

diff --git a/...tal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.scss b/...tal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.scss
@@ -42,3 +42,7 @@
 .projects-col {
   min-width: 14rem !important;
 }
+
+.permission-col {
+  min-width: 8rem !important;
+}
diff --git a/src/portal/src/app/base/project/robot-account/robot-account.component.html b/src/portal/src/app/base/project/robot-account/robot-account.component.html
@@ -141,7 +141,7 @@
             <clr-dg-column>{{
                 'ROBOT_ACCOUNT.ENABLED_STATE' | translate
             }}</clr-dg-column>
-            <clr-dg-column>{{
+            <clr-dg-column class="permission-col">{{
                 'SYSTEM_ROBOT.PERMISSION_COLUMN' | translate
             }}</clr-dg-column>
             <clr-dg-column [clrDgSortBy]="'creation_time'">{{

diff --git a/src/portal/src/app/base/project/robot-account/robot-account.component.scss b/src/portal/src/app/base/project/robot-account/robot-account.component.scss
@@ -31,3 +31,7 @@
 .icon {
   margin-top: 3px;
 }
+
+.permission-col {
+  min-width: 8rem !important;
+}