fix(测试跟踪): 测试计划按钮重叠样式处理

--bug=1027273 --user=王旭【测试跟踪】测试计划-操作-执行和复制按钮重叠了 https://www.tapd.cn/55049933/s/1385561
metersphere · Jun 25, 2023 · cf34717 · cf34717
1 parent 9933b47
commit cf34717
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/frontend/src/business/components/common/components/MsTableOperators.vue b/frontend/src/business/components/common/components/MsTableOperators.vue
@@ -1,5 +1,5 @@
 <template>
-  <span>
+  <span class="operator-btn-group">
     <ms-table-operator-button v-for="(btn, index) in buttons" :key="index"
                               v-permission="btn.permissions"
                               :disabled="isDisable(btn)"

diff --git a/frontend/src/business/components/track/plan/components/TestPlanList.vue b/frontend/src/business/components/track/plan/components/TestPlanList.vue
@@ -274,7 +274,7 @@
         <ms-table-operator-button :tip="$t('commons.edit')" icon="el-icon-edit"
                                   @exec="handleEdit(scope.row)" v-permission="['PROJECT_TRACK_PLAN:READ+EDIT']"
                                   :disabled="scope.row.status === 'Archived'"
-                                  style="margin-right: 10px"/>
+        />
       </template>
       <template v-slot:opt-behind="scope">
         <el-tooltip :content="$t('commons.follow')" placement="bottom" effect="dark" v-if="!scope.row.showFollow">
@@ -851,4 +851,8 @@ export default {
 .scenario-ext-btn {
   margin-left: 10px;
 }
+
+.table-card >>> .operator-btn-group {
+  margin-left: 10px;
+}
 </style>