Update style for banner message ui (#19069)

1.Fixes #19021 2.Fixes #19022 Signed-off-by: AllForNothing <[email protected]>
goharbor · Aug 1, 2023 · b496edf · b496edf
1 parent 28e6a99
commit b496edf
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git a/src/portal/src/app/base/harbor-shell/app-level-alerts/app-level-alerts.component.html b/src/portal/src/app/base/harbor-shell/app-level-alerts/app-level-alerts.component.html
@@ -1,11 +1,13 @@
 <clr-alerts>
     <clr-alert
-        *ngIf="hasValidBannerMessage() && isLogin()"
+        *ngIf="hasValidBannerMessage()"
         [clrAlertType]="getBannerMessageType()"
         [clrAlertAppLevel]="true"
         [clrAlertClosable]="getBannerMessageClosable()">
         <clr-alert-item>
-            <span class="alert-text">{{ getBannerMessage() }}</span>
+            <span class="alert-text banner-message">{{
+                getBannerMessage()
+            }}</span>
         </clr-alert-item>
     </clr-alert>
     <clr-alert

diff --git a/src/portal/src/app/base/harbor-shell/app-level-alerts/app-level-alerts.component.scss b/src/portal/src/app/base/harbor-shell/app-level-alerts/app-level-alerts.component.scss
@@ -14,3 +14,8 @@
 .no-underline {
   text-decoration: none;
 }
+
+.banner-message {
+  min-width: 0;
+  word-break: break-word;
+}
diff --git a/src/portal/src/app/base/left-side-nav/config/system/system-settings.component.html b/src/portal/src/app/base/left-side-nav/config/system/system-settings.component.html
@@ -359,6 +359,7 @@
                         }}"
                         autocomplete="off"
                         class="clr-textarea"
+                        maxlength="800"
                         [(ngModel)]="messageText"
                         [ngModelOptions]="{ standalone: true }"
                         [disabled]="

diff --git a/...ervices/vulnerability-database/vulnerability-summary/vulnerability-summary.component.scss b/...ervices/vulnerability-database/vulnerability-summary/vulnerability-summary.component.scss
@@ -94,3 +94,7 @@ $row-height: 48px;
 .no-border {
   border: none;
 }
+
+.clr-col {
+  min-width: 0;
+}