fix(测试跟踪): 关联测试用例弹窗左侧模块树样式调整

--bug=1023374 --user=宋昌昌 【测试跟踪】功能用例-编辑-关联测试用例弹框-切换项目-名称和下拉图标重叠 https://www.tapd.cn/55049933/s/1338257
This commit is contained in:
song-cc-rock 2023-02-20 15:01:33 +08:00 committed by jianxing
parent 4825b684df
commit 0ac2b73ecf
4 changed files with 13 additions and 6 deletions

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<el-row> <el-row class="search-row">
<el-col :span="8"> <el-col :span="8">
<el-select class="protocol-select" size="small" v-model="condition.protocol"> <el-select class="protocol-select" size="small" v-model="condition.protocol">
<el-option <el-option
@ -232,4 +232,8 @@ export default {
width: 174px; width: 174px;
padding-left: 3px; padding-left: 3px;
} }
.search-row {
margin-bottom: 12px;
}
</style> </style>

View File

@ -20,6 +20,7 @@
> >
<template v-slot:header> <template v-slot:header>
<ms-search-bar <ms-search-bar
style="margin-bottom: 15px"
:show-operator="false" :show-operator="false"
:condition="condition" :condition="condition"
:commands="null" :commands="null"
@ -212,7 +213,7 @@ export default {
<style scoped> <style scoped>
.node-tree { .node-tree {
margin-top: 15px; margin-top: 15px!important;
margin-bottom: 15px; margin-bottom: 15px;
} }

View File

@ -72,7 +72,7 @@
v-if="multipleProject" v-if="multipleProject"
width="155px" width="155px"
:current-data="currentProject" :current-data="currentProject"
:title="$t('case.project')" :title="$t('case.project') + ':'"
@dataChange="changeProject" @dataChange="changeProject"
/> />
<slot name="aside"> </slot> <slot name="aside"> </slot>

View File

@ -68,6 +68,9 @@ export default {
margin-right: px2rem(10); margin-right: px2rem(10);
margin-bottom: px2rem(17); margin-bottom: px2rem(17);
} }
.select-menu {
margin-bottom: px2rem(18);
}
.select-menu :deep(.el-input__inner) { .select-menu :deep(.el-input__inner) {
border: none; border: none;
padding-left: 0px !important; padding-left: 0px !important;
@ -75,10 +78,10 @@ export default {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
width: px2rem(100); width: px2rem(80);
} }
.select-menu :deep(.el-select--small) { .select-menu :deep(.el-select--small) {
width: px2rem(82) !important; width: px2rem(80) !important;
} }
.select-menu :deep(.el-input__suffix-inner .el-select__caret::before) { .select-menu :deep(.el-input__suffix-inner .el-select__caret::before) {
color: #646a73; color: #646a73;
@ -86,7 +89,6 @@ export default {
.span-name { .span-name {
display: inline-block; display: inline-block;
max-width: 300px;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;