mirror of
https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
synced 2024-12-08 23:18:55 +08:00
fix(测试跟踪): 缺陷管理-编辑缺陷-关联用例/附件-删除没有提示/名称过长时，删除对话框 按钮太靠下，页面不好看
--bug=1027627 --user=白奇 【测试跟踪】github#25425，ui显示问题：【测试跟踪】-缺陷管理-编辑缺陷-关联用例/附件-删除没有提示/名称过长时，删除对话框 按钮太靠下，页面不好看 https://www.tapd.cn/55049933/s/1392404
This commit is contained in:
baiqi
刘瑞斌
parent
4296992fbd
commit
656cde481c
@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<el-col>
|
||||
<track-header-menus/>
|
||||
<track-header-menus />
|
||||
<div>
|
||||
<transition>
|
||||
<keep-alive>
|
||||
<router-view :baseUrl="baseUrl"/>
|
||||
<router-view :baseUrl="baseUrl" />
|
||||
</keep-alive>
|
||||
</transition>
|
||||
</div>
|
||||
@ -12,24 +12,22 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import TrackHeaderMenus from "./head/TrackHeaderMenus";
|
||||
|
||||
export default {
|
||||
name: "TrackHome",
|
||||
components: {TrackHeaderMenus},
|
||||
components: { TrackHeaderMenus },
|
||||
data() {
|
||||
return {
|
||||
baseUrl: "track"
|
||||
}
|
||||
baseUrl: "track",
|
||||
};
|
||||
},
|
||||
activated() {
|
||||
this.$refs.table.doLayout()
|
||||
}
|
||||
}
|
||||
this.$refs.table.doLayout();
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped>
|
||||
.node-tree {
|
||||
margin: 3%;
|
||||
@ -46,12 +44,12 @@ export default {
|
||||
* el-input__inner 字体
|
||||
*/
|
||||
input.el-input__inner {
|
||||
font-family: 'PingFang SC';
|
||||
font-family: "PingFang SC";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
color: #1F2329;
|
||||
color: #1f2329;
|
||||
}
|
||||
|
||||
/**
|
||||
@ -63,12 +61,12 @@ input.el-input__inner {
|
||||
}
|
||||
|
||||
.el-message-box__title {
|
||||
font-family: 'PingFang SC';
|
||||
font-family: "PingFang SC";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
color: #1F2329;
|
||||
color: #1f2329;
|
||||
flex: none;
|
||||
order: 0;
|
||||
flex-grow: 0;
|
||||
@ -80,12 +78,12 @@ input.el-input__inner {
|
||||
|
||||
.el-message-box__content {
|
||||
padding: 24px 0px 0px 24px;
|
||||
font-family: 'PingFang SC';
|
||||
font-family: "PingFang SC";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
color: #1F2329;
|
||||
color: #1f2329;
|
||||
flex: none;
|
||||
order: 0;
|
||||
flex-grow: 0;
|
||||
@ -93,7 +91,7 @@ input.el-input__inner {
|
||||
|
||||
.el-message-box {
|
||||
width: 420px;
|
||||
height: 174px;
|
||||
min-height: 174px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
@ -106,13 +104,13 @@ input.el-input__inner {
|
||||
}
|
||||
|
||||
.custom-confirm-delete .el-message-box__btns button:nth-child(2) {
|
||||
background-color: #F54A45!important;
|
||||
background-color: #f54a45 !important;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.custom-confirm-delete .el-message-box__btns button span{
|
||||
font-family: 'PingFang SC';
|
||||
.custom-confirm-delete .el-message-box__btns button span {
|
||||
font-family: "PingFang SC";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
@ -123,23 +121,28 @@ input.el-input__inner {
|
||||
}
|
||||
|
||||
button.el-button.el-button--default.el-button--small {
|
||||
color: #1F2329;
|
||||
color: #1f2329;
|
||||
}
|
||||
|
||||
button.el-button.el-button--default.el-button--small.el-button--primary {
|
||||
color: #FFFFFF!important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
button.el-button.el-button--default.el-button--small.el-button--danger {
|
||||
color: #FFFFFF;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* el-message */
|
||||
|
||||
/*warning*/
|
||||
.el-message--warning {
|
||||
background: linear-gradient(0deg, rgba(255, 136, 0, 0.08), rgba(255, 136, 0, 0.08)), #FFFFFF;
|
||||
border: 1px solid #FF8800;
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgba(255, 136, 0, 0.08),
|
||||
rgba(255, 136, 0, 0.08)
|
||||
),
|
||||
#ffffff;
|
||||
border: 1px solid #ff8800;
|
||||
box-shadow: 0px 4px 8px rgb(31 35 41 / 10%);
|
||||
border-radius: 4px;
|
||||
flex: none;
|
||||
@ -155,8 +158,13 @@ button.el-button.el-button--default.el-button--small.el-button--danger {
|
||||
}
|
||||
|
||||
.el-message--success {
|
||||
background: linear-gradient(0deg, rgba(52, 199, 36, 0.08), rgba(52, 199, 36, 0.08)), #FFFFFF;
|
||||
border: 1px solid #34C724;
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgba(52, 199, 36, 0.08),
|
||||
rgba(52, 199, 36, 0.08)
|
||||
),
|
||||
#ffffff;
|
||||
border: 1px solid #34c724;
|
||||
box-shadow: 0px 4px 8px rgba(31, 35, 41, 0.1);
|
||||
border-radius: 4px;
|
||||
flex: none;
|
||||
@ -172,8 +180,13 @@ button.el-button.el-button--default.el-button--small.el-button--danger {
|
||||
}
|
||||
|
||||
.el-message--error {
|
||||
background: linear-gradient(0deg, rgba(245, 74, 69, 0.08), rgba(245, 74, 69, 0.08)), #FFFFFF;
|
||||
border: 1px solid #F54A45;
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgba(245, 74, 69, 0.08),
|
||||
rgba(245, 74, 69, 0.08)
|
||||
),
|
||||
#ffffff;
|
||||
border: 1px solid #f54a45;
|
||||
box-shadow: 0px 4px 8px rgba(31, 35, 41, 0.1);
|
||||
border-radius: 4px;
|
||||
flex: none;
|
||||
@ -189,12 +202,12 @@ button.el-button.el-button--default.el-button--small.el-button--danger {
|
||||
}
|
||||
|
||||
.el-message__content {
|
||||
font-family: 'PingFang SC';
|
||||
font-family: "PingFang SC";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
color: #1F2329!important;
|
||||
color: #1f2329 !important;
|
||||
flex: none;
|
||||
order: 2;
|
||||
flex-grow: 0;
|
||||
@ -202,33 +215,33 @@ button.el-button.el-button--default.el-button--small.el-button--danger {
|
||||
}
|
||||
|
||||
.el-message-box__headerbtn .el-message-box__close {
|
||||
font-size: 20px!important;
|
||||
font-size: 20px !important;
|
||||
}
|
||||
/**
|
||||
* el-button
|
||||
*/
|
||||
button.el-button.el-button--default.el-button--small {
|
||||
color: #1F2329;
|
||||
color: #1f2329;
|
||||
}
|
||||
|
||||
button.el-button.el-button--default.el-button--small:hover {
|
||||
color: #1F2329;
|
||||
border-color: #DCDFE6;
|
||||
color: #1f2329;
|
||||
border-color: #dcdfe6;
|
||||
background-color: whitesmoke;
|
||||
}
|
||||
|
||||
button.el-button.el-button--default.el-button--small.el-button--primary {
|
||||
color: #FFFFFF!important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
button.el-button.el-button--default.el-button--small.el-button--primary:hover {
|
||||
color: #FFFFFF!important;
|
||||
color: #ffffff !important;
|
||||
background: rgb(147, 96, 159);
|
||||
border-color: rgb(147, 96, 159);
|
||||
}
|
||||
|
||||
button.el-button.el-button--default.el-button--small.el-button--danger {
|
||||
color: #FFFFFF;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* el-dialog */
|
||||
@ -237,17 +250,17 @@ button.el-button.el-button--default.el-button--small.el-button--danger {
|
||||
}
|
||||
|
||||
.el-dialog__header {
|
||||
padding: 0px!important;
|
||||
text-align: left!important;
|
||||
padding: 0px !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.el-dialog__title {
|
||||
font-family: 'PingFang SC';
|
||||
font-family: "PingFang SC";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
color: #1F2329;
|
||||
color: #1f2329;
|
||||
flex: none;
|
||||
order: 0;
|
||||
flex-grow: 0;
|
||||
@ -262,21 +275,22 @@ button.el-button.el-button--default.el-button--small.el-button--danger {
|
||||
}
|
||||
|
||||
i.el-dialog__close.el-icon.el-icon-close:before {
|
||||
font-size: 20px!important;
|
||||
font-size: 20px !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* el-icon
|
||||
*/
|
||||
.el-icon-warning:before, .el-icon-success:before {
|
||||
.el-icon-warning:before,
|
||||
.el-icon-success:before {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
el-tag
|
||||
*/
|
||||
span.el-tag.el-tag--info.el-tag--mini.el-tag--light, span.el-tag.el-tag--info.el-tag--small.el-tag--light {
|
||||
span.el-tag.el-tag--info.el-tag--mini.el-tag--light,
|
||||
span.el-tag.el-tag--info.el-tag--small.el-tag--light {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 1px 6px;
|
||||
@ -286,7 +300,7 @@ span.el-tag.el-tag--info.el-tag--mini.el-tag--light, span.el-tag.el-tag--info.el
|
||||
border-radius: 2px;
|
||||
flex: none;
|
||||
flex-grow: 0;
|
||||
font-family: 'PingFang SC';
|
||||
font-family: "PingFang SC";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
@ -294,7 +308,7 @@ span.el-tag.el-tag--info.el-tag--mini.el-tag--light, span.el-tag.el-tag--info.el
|
||||
position: relative;
|
||||
}
|
||||
|
||||
span.el-tag.el-tag--info.el-tag--mini.el-tag--light span{
|
||||
span.el-tag.el-tag--info.el-tag--mini.el-tag--light span {
|
||||
display: inline-block;
|
||||
max-width: 500px;
|
||||
overflow: hidden;
|
||||
@ -303,7 +317,7 @@ span.el-tag.el-tag--info.el-tag--mini.el-tag--light span{
|
||||
color: rgb(31, 35, 41);
|
||||
}
|
||||
|
||||
span.el-tag.el-tag--info.el-tag--small.el-tag--light span{
|
||||
span.el-tag.el-tag--info.el-tag--small.el-tag--light span {
|
||||
display: inline-block;
|
||||
max-width: 500px;
|
||||
overflow: hidden;
|
||||
@ -318,8 +332,8 @@ span.el-tag.el-tag--info.el-tag--small.el-tag--light span{
|
||||
i.el-tag__close.el-icon-close {
|
||||
height: 0;
|
||||
position: relative;
|
||||
top: -11px!important;
|
||||
left: 1px!important;
|
||||
top: -11px !important;
|
||||
left: 1px !important;
|
||||
}
|
||||
|
||||
.el-tag__close.el-icon-close::before {
|
||||
@ -327,11 +341,10 @@ i.el-tag__close.el-icon-close {
|
||||
}
|
||||
|
||||
.el-tag.el-tag--info .el-tag__close:hover {
|
||||
color: #1F2329;
|
||||
color: #1f2329;
|
||||
background-color: #909399;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 统一测试跟踪MsInputTag及多选下拉选择的样式, 交互改造后去掉
|
||||
*/
|
||||
@ -345,17 +358,16 @@ span.ms-top.el-tag.el-tag--info.el-tag--small.el-tag--light {
|
||||
border-radius: 2px;
|
||||
flex: none;
|
||||
flex-grow: 0;
|
||||
font-family: 'PingFang SC';
|
||||
font-family: "PingFang SC";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
position: relative;
|
||||
top: 6px;
|
||||
|
||||
}
|
||||
|
||||
span.ms-top.el-tag.el-tag--info.el-tag--small.el-tag--light span{
|
||||
span.ms-top.el-tag.el-tag--info.el-tag--small.el-tag--light span {
|
||||
display: inline-block;
|
||||
max-width: 500px;
|
||||
overflow: hidden;
|
||||
@ -376,4 +388,3 @@ span.ms-top.el-tag.el-tag--info.el-tag--small.el-tag--light span{
|
||||
top: 9px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user