fix: 执行详情任务名称超长页面错乱 TencentBlueKing#2545

hLinx · Oct 24, 2023 · b68eb9a · b68eb9a
1 parent f0bf6d8
commit b68eb9a
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/frontend/src/views/executive-history/step-detail/index.vue b/src/frontend/src/views/executive-history/step-detail/index.vue
@@ -42,7 +42,9 @@
             {{ stepTypeText }}
           </div>
           <div class="step-name-box">
-            <div class="step-name-text">
+            <div
+              v-bk-overflow-tips
+              class="step-name-text">
               {{ data.name }}
             </div>
             <execution-history-select
@@ -743,12 +745,15 @@
   .executive-history-step {
     .step-info-header {
       display: flex;
+      width: 100%;
       padding: 45px 24px 12px;
+      overflow: hidden;
       background: #f5f6fa;
 
       .step-info-wraper {
         flex: 1;
         margin-top: -25px;
+        overflow: hidden;
 
         .step-type-text {
           font-size: 12px;