bug:提示语超长，提示框展示超出边界 #2692

TencentBlueKing · Oct 24, 2024 · a06d107 · a06d107
1 parent b35c5a9
commit a06d107
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/frontend/devops-repository/src/components/ConfirmDialog/index.vue b/src/frontend/devops-repository/src/components/ConfirmDialog/index.vue
@@ -8,7 +8,7 @@
         <div class="confirm-body">
             <div class="confirm-main">
                 <i :class="`bk-icon icon-${getIcon()}`"></i>
-                <span class="ml10">{{ message }}</span>
+                <span class="ml10 message-content">{{ message }}</span>
             </div>
             <span class="confirm-tip" :title="subMessage">{{ subMessage }}</span>
         </div>
@@ -94,6 +94,12 @@
             color: var(--dangerColor);
         }
     }
+    .message-content {
+        white-space: normal;
+        overflow: visible;
+        text-overflow: clip;
+        word-break: break-all;
+    }
     .confirm-tip {
         font-size: 12px;
         color: var(--fontSubsidiaryColor);