test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

style(接口测试): 步骤名称过长等相关样式优化

This commit is contained in:
fit2-zhao 2021-06-16 17:10:13 +08:00 committed by fit2-zhao
parent c8d74a3a08
commit 75cb6b3527
3 changed files with 27 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
View File

@ -1359,7 +1359,7 @@ export default {
text-overflow: ellipsis; text-overflow: ellipsis;
vertical-align: middle; vertical-align: middle;
white-space: nowrap; white-space: nowrap;
width: 200px; width: 150px;
} }
.ms-open-btn { .ms-open-btn {

15
frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
View File

@ -18,7 +18,9 @@
@blur="isShowInput = false" :placeholder="$t('commons.input_name')" ref="nameEdit" :disabled="data.disabled"/> @blur="isShowInput = false" :placeholder="$t('commons.input_name')" ref="nameEdit" :disabled="data.disabled"/>
</span> </span>
<span :class="isMax?'ms-step-name':'scenario-name'" v-else> <span :class="isMax?'ms-step-name':'scenario-name'" v-else>
{{data.name}} <el-tooltip placement="top" :content="data.name">
<span class="ms-step-name-width">{{data.name}}</span>
</el-tooltip>
<i class="el-icon-edit" style="cursor:pointer" @click="editName" <i class="el-icon-edit" style="cursor:pointer" @click="editName"
v-if="data.referenced!='REF' && !data.disabled" @click.stop/> v-if="data.referenced!='REF' && !data.disabled" @click.stop/>
</span> </span>
@ -226,5 +228,14 @@
min-inline-size: 0px; min-inline-size: 0px;
border: 0px; border: 0px;
} }
.ms-step-name-width {
display: inline-block;
margin: 0 5px;
overflow-x: hidden;
padding-bottom: 0;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
width: 400px;
}
</style> </style>

14
frontend/src/business/components/api/automation/scenario/maximize/ScenarioHeader.vue
View File

@ -4,7 +4,9 @@
<!-- 调试部分 --> <!-- 调试部分 -->
<el-row class="ms-header-margin"> <el-row class="ms-header-margin">
<el-col :span="8"> <el-col :span="8">
{{currentScenario.name}} <el-tooltip placement="top" :content="currentScenario.name">
<span class="ms-scenario-name">{{currentScenario.name}}</span>
</el-tooltip>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
{{$t('api_test.automation.step_total')}}：{{scenarioDefinition.length}} {{$t('api_test.automation.step_total')}}：{{scenarioDefinition.length}}
@ -197,4 +199,14 @@ import html2canvas from 'html2canvas';
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
font-size: 13px; font-size: 13px;
} }
.ms-scenario-name {
display: inline-block;
margin: 0 5px;
overflow-x: hidden;
padding-bottom: 0;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
width: 200px;
}
</style> </style>