869 lines
17 KiB
SCSS
869 lines
17 KiB
SCSS
.borderNo.ant-input,.borderNo .ant-input-number-input,.borderNo,.borderNo.ant-input-number-focused{
|
||
border:none!important;
|
||
padding:4px 0px!important;
|
||
background-color: transparent!important;
|
||
box-shadow: none!important;
|
||
.ant-input-number-handler-wrap{
|
||
display: none;
|
||
}
|
||
&:focus{
|
||
border:none!important;
|
||
box-shadow: none!important;
|
||
}
|
||
}
|
||
|
||
.pagebox{
|
||
width: 1400px;
|
||
margin:0px auto;
|
||
}
|
||
// 删除issue弹框
|
||
.deldesc{
|
||
justify-content: center;
|
||
.red{
|
||
color: #DF0002;
|
||
}
|
||
}
|
||
// 可公用样式（在issue的页面中）
|
||
// 可点击(有向下箭头且点击出现下拉框，移入灰色背景加深)的灰色按钮样式
|
||
.dorpdownButton{
|
||
padding:0px 15px;
|
||
height:32px;
|
||
color: #333333!important;
|
||
cursor: pointer;
|
||
line-height: 32px;
|
||
background-color:#fafbfc;
|
||
border:1px solid #d0d0d0;
|
||
border-radius: 4px;
|
||
display: flex;
|
||
align-items: center;
|
||
min-width: 107px;
|
||
box-sizing: border-box;
|
||
&>span{
|
||
display: block;
|
||
width: 56px;
|
||
text-align: center;
|
||
}
|
||
&:hover{
|
||
background-color: #f3f4f6;
|
||
}
|
||
}
|
||
// flex-左右，上下居中
|
||
.between{
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
// 蓝色背景操作栏
|
||
.bluebar{
|
||
height:50px;
|
||
background-color:#fafcff;
|
||
border:1px solid rgba(42, 97, 255, 0.23);
|
||
border-radius:4px 4px 0px 0px;
|
||
padding:0px 26px;
|
||
}
|
||
// 按钮样式
|
||
.ant-btn-background-ghost{
|
||
border-color:#acb0bf;
|
||
color: #acb0bf;
|
||
background-color: #fff!important;
|
||
&.ant-btn-primary{
|
||
color: #466aff;
|
||
border-color: #466aff;
|
||
background-color: #fff!important;
|
||
}
|
||
&.ant-btn-danger{
|
||
color: #f60011;
|
||
border-color: #f60011;
|
||
background-color:rgba(196, 0, 14, 0.09)!important;
|
||
}
|
||
}
|
||
.lists{
|
||
margin-bottom: 50px;
|
||
}
|
||
.dataempty{
|
||
height: 420px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border: 1px solid;
|
||
border-color: #d9d9d9;
|
||
border-radius: 0px 0px 4px 4px;
|
||
border-top: none;
|
||
}
|
||
// 列表为空样式
|
||
.listempty{
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
background-color:#fafcff;
|
||
border:1px solid rgba(42, 97, 255, 0.23);
|
||
border-top: none;
|
||
border-radius:0px 0px 4px 4px;
|
||
height: 344px;
|
||
padding-top: 62px;
|
||
color: #333;
|
||
}
|
||
// 列表页面样式
|
||
.pageheader{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding:30px 0px;
|
||
align-items: center;
|
||
&>div{
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
}
|
||
.listheader{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
height:50px;
|
||
background-color:#fafcff;
|
||
border:1px solid;
|
||
border-color:rgba(42, 97, 255, 0.23);
|
||
border-radius:4px 4px 0px 0px;
|
||
padding-left: 18px;
|
||
.menusul{
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
ul:not(.ant-menu){
|
||
display: flex;
|
||
align-items: center;
|
||
&.statusul{
|
||
li{
|
||
width: 106px;
|
||
font-size: 15px;
|
||
&>span{
|
||
height:19px;
|
||
line-height: 17px;
|
||
color: #666;
|
||
background-color:rgba(70, 106, 255, 0.09);
|
||
border-radius:10px;
|
||
margin-left: 5px;
|
||
padding:0px 6px;
|
||
font-size: 13px;
|
||
display: block;
|
||
border:1px solid ;
|
||
border-color: rgba(70, 106, 255, 0.01);
|
||
min-width: 30px;
|
||
text-align: center;
|
||
}
|
||
}
|
||
}
|
||
li{
|
||
color: #898d9d;
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
&.active{
|
||
color: #466aff;
|
||
// font-weight: 500;
|
||
&>span{
|
||
font-weight: normal;
|
||
color: #466aff;
|
||
border-color: #466aff;
|
||
background-color: #fff;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.dropboxul{
|
||
padding-right: 20px;
|
||
li.minwidth{
|
||
min-width: 70px;
|
||
}
|
||
li{
|
||
min-width:88px;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
cursor: default;
|
||
margin-left: 12px;
|
||
.dropspan{
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
&>span{
|
||
max-width: 80px;
|
||
display: inline-block;
|
||
text-align: right;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
// issue列表
|
||
.listdatas{
|
||
border:1px solid #d0d0d0;
|
||
border-top: none;
|
||
border-radius: 0px 0px 2px 2px;
|
||
&>div:not(.none_panels){
|
||
padding:20px 18px;
|
||
border-bottom: 1px solid #eee;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
&:hover{
|
||
background-color:rgba(231, 233, 242, 0.26);
|
||
}
|
||
&:last-child{
|
||
border-bottom: none;
|
||
}
|
||
.issuedetail{
|
||
display: flex;
|
||
align-items: flex-start;
|
||
flex:1;
|
||
}
|
||
}
|
||
.idetails{
|
||
display: flex;
|
||
align-items: center;
|
||
&>a{
|
||
color: #40424a;
|
||
margin-right: 10px;
|
||
font-size: 15px;
|
||
display: block;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
max-width: 375px;
|
||
white-space: nowrap;
|
||
}
|
||
.tagscolor{
|
||
padding:0px 6px;
|
||
border-radius: 2px;
|
||
height: 20px;
|
||
line-height: 20px;
|
||
max-width: 108px;
|
||
font-size: 13px;
|
||
cursor: default;
|
||
color: #fff;
|
||
}
|
||
}
|
||
.issueinfos{
|
||
display: flex;
|
||
align-items: center;
|
||
color: #898d9d;
|
||
margin-top: 12px;
|
||
font-size: 13px;
|
||
// img{
|
||
// height: 22px;
|
||
// width: 22px;
|
||
// margin-right: 4px;
|
||
// border-radius: 50%;
|
||
// }
|
||
}
|
||
.issuecondition{
|
||
display: flex;
|
||
align-items: center;
|
||
color: #40424a;
|
||
.principal{
|
||
position: relative;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
width: 150px;
|
||
text-align: justify;
|
||
// &.hovers:hover{
|
||
// a{
|
||
// position:initial;
|
||
// }
|
||
// }
|
||
// a{
|
||
// position: absolute;
|
||
// right: 0px;
|
||
// transition: 0.6s;
|
||
// }
|
||
// img,span{
|
||
// width: 22px;
|
||
// height: 22px;
|
||
// border-radius: 50%;
|
||
// }
|
||
// span{
|
||
// background-color:#ced5ef;
|
||
// text-align: center;
|
||
// line-height: 12px;
|
||
// color:#000000;
|
||
// z-index: 6;
|
||
// }
|
||
}
|
||
&>div{
|
||
width: 90px;
|
||
text-align: right;
|
||
}
|
||
.commentnum{
|
||
padding-right: 5px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: flex-end;
|
||
}
|
||
}
|
||
}
|
||
// 状态样式-公用
|
||
|
||
.status{
|
||
display: block;
|
||
height:22px;
|
||
border-radius:6px;
|
||
text-align: center;
|
||
margin-right: 10px;
|
||
line-height: 20px;
|
||
width: 45px;
|
||
font-size: 14px;
|
||
border:1px solid #fff;
|
||
&.normals{
|
||
border-color:#28be6c;
|
||
color:#28be6c;
|
||
}
|
||
&.hight{
|
||
border-color: #e67e22;
|
||
color: #e67e22;
|
||
}
|
||
&.urgent{
|
||
border-color: #db3d1d;
|
||
color: #db3d1d;
|
||
}
|
||
&.low{
|
||
border-color: #1abcb1;
|
||
color: #1abcb1;
|
||
}
|
||
}
|
||
.ilog{
|
||
min-width: 45px;
|
||
margin-right: 10px;
|
||
clear: both;
|
||
.number{
|
||
background-color:rgba(213, 220, 246, 0.36);
|
||
border-radius:4px;
|
||
height: 19px;
|
||
line-height: 19px;
|
||
color: #666666;
|
||
text-align: center;
|
||
float: left;
|
||
padding:0px 4px;
|
||
cursor: pointer;
|
||
font-size: 13px;
|
||
}
|
||
}
|
||
// colorCard
|
||
.color{
|
||
width: 20px;
|
||
height: 20px;
|
||
border-radius: 2px;
|
||
}
|
||
.swatch{
|
||
padding: 5px;
|
||
background: #fff;
|
||
border-radius: 1px;
|
||
width: 92px;
|
||
height: 28px;
|
||
line-height: 20px;
|
||
box-shadow: 0 0 0 1px rgba(0,0,0,.1);
|
||
display: flex;
|
||
cursor: pointer;
|
||
}
|
||
.popover {
|
||
position: absolute;
|
||
z-index: 2;
|
||
}
|
||
.cover {
|
||
position: fixed;
|
||
top: 0px;
|
||
right: 0px;
|
||
bottom: 0px;
|
||
left: 0px;
|
||
}
|
||
.modalcolor {
|
||
width: 20px;
|
||
height: 20px;
|
||
border-radius: 2px;
|
||
}
|
||
// 标记管理页面
|
||
.editbar{
|
||
padding:18px 20px;
|
||
background-color:rgba(218, 225, 251, 0.24);
|
||
display: flex;
|
||
align-items: center;
|
||
margin-bottom: 30px;
|
||
justify-content: space-between;
|
||
&>div{
|
||
position: relative;
|
||
.inputred{
|
||
border-color: red;
|
||
}
|
||
.red{
|
||
position: absolute;
|
||
left: 166px;
|
||
width: 100%;
|
||
top: 2px;
|
||
color: red;
|
||
}
|
||
}
|
||
}
|
||
.signlist{
|
||
padding:10px 0px;
|
||
margin-bottom: 40px!important;
|
||
&>li{
|
||
display: flex;
|
||
margin-bottom: 5px;
|
||
padding:10px 20px;
|
||
&>p{
|
||
flex:1;
|
||
color: 40424a;
|
||
&:first-child{
|
||
flex:1.2;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: flex-start;
|
||
}
|
||
&:last-child{
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: flex-start;
|
||
justify-content: flex-end;
|
||
}
|
||
.square{
|
||
display: block;
|
||
width: 22px;
|
||
height: 15px;
|
||
border-radius:2px;
|
||
}
|
||
.line{
|
||
position: relative;
|
||
padding-left: 13px;
|
||
&::before{
|
||
position: absolute;
|
||
height:13px;
|
||
width: 1px;
|
||
left: 0px;
|
||
top:7px;
|
||
background-color:#d5d5d5;
|
||
content: "";
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
// 新建页面样式
|
||
.shortwidth{
|
||
width: 330px;
|
||
padding-left: 50px;
|
||
}
|
||
li.dropliComponent{
|
||
border-bottom: 1px solid rgba(172, 176, 191, 0.17);
|
||
padding-bottom: 8px;
|
||
margin-bottom: 22px!important;
|
||
&>span{
|
||
font-size: 15px;
|
||
position: relative;
|
||
color: #40424a;
|
||
display: flex;
|
||
width: 100%;
|
||
height: 20px;
|
||
line-height: 20px;
|
||
font-weight: 600;
|
||
a{
|
||
position: absolute;
|
||
right: 0px;
|
||
}
|
||
}
|
||
.operatevalue{
|
||
line-height: 30px;
|
||
color: #acb0bf;
|
||
margin-top: 10px;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
.colorsborder{
|
||
padding: 0px 8px;
|
||
height: 20px;
|
||
line-height: 18px;
|
||
border-radius: 4px;
|
||
text-align: center;
|
||
border:1px solid ;
|
||
font-size: 13px;
|
||
}
|
||
.colorsquare{
|
||
padding: 0px 8px;
|
||
height: 20px;
|
||
line-height: 20px;
|
||
border-radius: 4px;
|
||
text-align: center;
|
||
color: #fff;
|
||
font-size: 13px;
|
||
}
|
||
&>p{
|
||
margin-top: 5px!important;
|
||
position: relative;
|
||
margin-right: 15px;
|
||
&.removeFlag>span{
|
||
max-width: 230px;
|
||
}
|
||
.removeicon{
|
||
display: none;
|
||
}
|
||
}
|
||
.removeFlag:hover{
|
||
border-radius:2px;
|
||
.removeicon{
|
||
display: block;
|
||
}
|
||
}
|
||
&>p:first-child{
|
||
margin-top: 0px;
|
||
}
|
||
}
|
||
}
|
||
.addTags_form{
|
||
.ant-row.ant-form-item{
|
||
margin-bottom: 12px;
|
||
}
|
||
.manageTitle{
|
||
margin-bottom: 20px!important;
|
||
padding-bottom: 15px;
|
||
line-height: 22px;
|
||
color:#5f6872;
|
||
font-size:16px;
|
||
border-bottom:1px solid #e1e3e8;
|
||
}
|
||
.inline{
|
||
display: flex;
|
||
align-items: flex-start;
|
||
}
|
||
}
|
||
.addTagsModal{
|
||
.ant-modal-content{
|
||
background-image:linear-gradient(359.37deg,#ebf3ff 0%,#f8fbff 55.01%,#f1f5ff 100%);
|
||
}
|
||
.ant-modal-header{
|
||
background-color: unset;
|
||
padding:0px 24px;
|
||
height: 50px;
|
||
line-height: 50px;
|
||
.ant-modal-title{
|
||
text-align: left;
|
||
color:#333333;
|
||
font-size:17px;
|
||
font-weight: normal!important;
|
||
height: 50px;
|
||
line-height: 50px!important;
|
||
}
|
||
}
|
||
.ant-modal-close{
|
||
top:0px !important;
|
||
}
|
||
.popover{
|
||
left: 94px;
|
||
top:0px;
|
||
}
|
||
}
|
||
.menusEmpty{
|
||
padding:12px 20px 10px 16px;
|
||
&>p{
|
||
padding:10px 16px;
|
||
}
|
||
&>a{
|
||
padding:10px 16px;
|
||
display: block;
|
||
border-top: 1px solid rgba(172, 176, 191, 0.17);
|
||
}
|
||
}
|
||
.piecemenu{
|
||
li{
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
}
|
||
.colorpiece{
|
||
display: block;
|
||
width: 22px!important;
|
||
height: 15px;
|
||
margin-right: 9px;
|
||
border-radius:2px;
|
||
}
|
||
.overlayStyle{
|
||
background-color:#ffffff;
|
||
border-radius:6px;
|
||
box-shadow:0px 0px 10px rgba(24, 54, 181, 0.17);
|
||
max-width: 280px;
|
||
z-index: 100;
|
||
.searchbox{
|
||
padding:12px 20px 0px 16px;
|
||
}
|
||
.ant-menu{
|
||
padding:10px 16px 10px 16px;
|
||
max-height: 324px;
|
||
overflow-y: auto;
|
||
li{
|
||
padding:0px 16px;
|
||
height: 38px;
|
||
line-height: 38px;
|
||
border-bottom: none;
|
||
color:#898d9d;
|
||
position: relative;
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
&:hover,&.ant-menu-item-selected{
|
||
background-color:rgba(70, 106, 255, 0.07);
|
||
color:#40424a;
|
||
}
|
||
&.ant-menu-item-selected::before{
|
||
content:"✓";
|
||
position: absolute;
|
||
right: 15px;
|
||
color: #acb0bf;
|
||
top: 0px;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
//详情页面
|
||
.editpanel{
|
||
padding:20px;
|
||
margin-top: 25px;
|
||
border:1px solid rgba(42, 97, 255, 0.23);
|
||
border-radius: 2px;
|
||
}
|
||
.detailbanner{
|
||
// margin-top: 25px;
|
||
// height:82px;
|
||
// background-color:#fafcff;
|
||
// border:1px solid rgba(42, 97, 255, 0.23);
|
||
// border-radius:4px;
|
||
// padding:12px 25px 12px 20px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
.detailtitle{
|
||
flex: 1;
|
||
&>div{
|
||
display: flex;
|
||
align-items: flex-start;
|
||
}
|
||
.name{
|
||
font-size: 16px;
|
||
font-weight: 700;
|
||
color:#333;
|
||
line-height: 22px;
|
||
max-width: 580px;
|
||
word-break: break-all;
|
||
}
|
||
.author{
|
||
img{
|
||
width: 26px;
|
||
height: 26px;
|
||
margin-right: 4px;
|
||
border-radius: 50%;
|
||
}
|
||
color: #466aff;
|
||
}
|
||
}
|
||
.detailoperate{
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
}
|
||
.descPanel{
|
||
margin-top:30px;
|
||
// padding:20px;
|
||
// background-color: #f7f8fd;
|
||
// border:1px solid #c9d8ff;
|
||
// border-radius: 2px;
|
||
}
|
||
// 新建页面
|
||
.explain{
|
||
.ant-form-explain{
|
||
position: absolute;
|
||
}
|
||
}
|
||
|
||
|
||
.overlaydrop{
|
||
&.large{
|
||
width: 260px;
|
||
}
|
||
&.small{
|
||
width: 120px;
|
||
padding:12px 0px!important;
|
||
}
|
||
padding:18px 15px;
|
||
position: relative;
|
||
border-radius:6px;
|
||
box-shadow:0px 0px 10px rgba(24, 54, 181, 0.17);
|
||
background-color: #fff;
|
||
.ant-menu{
|
||
max-height: 305px;
|
||
overflow-y: auto;
|
||
li{
|
||
height: 38px;
|
||
line-height: 38px;
|
||
border-bottom: none!important;
|
||
display: flex;
|
||
align-items: center;
|
||
padding-left: 6px;
|
||
padding-right: 0px;
|
||
img{
|
||
width: 24px;
|
||
height: 24px;
|
||
border-radius: 50%;
|
||
}
|
||
span{
|
||
display: block;
|
||
width:100%;
|
||
margin-left: 10px;
|
||
padding-right: 25px;
|
||
}
|
||
&:hover,&.ant-menu-item-selected{
|
||
background-color:rgba(70, 106, 255, 0.07);
|
||
color:#40424a;
|
||
}
|
||
&.ant-menu-item-selected::before{
|
||
content:"✓";
|
||
position: absolute;
|
||
right: 15px;
|
||
color: #acb0bf;
|
||
top: 0px;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
// 声明
|
||
.claimpart{
|
||
padding-bottom: 15px;
|
||
border-bottom: 1px solid #eee;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
// issue版本2
|
||
.overlayChooseStyle{
|
||
width: 636px;
|
||
background-color:#ffffff;
|
||
border-radius:6px;
|
||
box-shadow:0px 0px 10px rgba(24, 54, 181, 0.17);
|
||
z-index: 100;
|
||
padding:30px 20px;
|
||
.choosedul{
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
padding-bottom: 10px;
|
||
border-bottom: 1px solid #e4e4e6;
|
||
margin-bottom: 20px!important;
|
||
li{
|
||
height:24px;
|
||
background-color:#eff2ff;
|
||
border:1px solid;
|
||
border-color:#466aff;
|
||
border-radius:2px;
|
||
color:#466aff;
|
||
font-size:14px;
|
||
margin-right: 15px;
|
||
margin-bottom: 10px!important;
|
||
padding:0px 7px;
|
||
display: flex;
|
||
align-items: center;
|
||
span{
|
||
display: block;
|
||
max-width:120px ;
|
||
}
|
||
}
|
||
}
|
||
.counttips{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-bottom: 20px;
|
||
}
|
||
.ant-menu{
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
padding:20px 0px 5px 0px;
|
||
box-sizing: border-box;
|
||
max-height: 307px;
|
||
overflow-y: auto;
|
||
&.piecemenu li{
|
||
width: auto;
|
||
&>span{
|
||
display: flex;
|
||
}
|
||
span.task-hide{
|
||
max-width: unset;
|
||
}
|
||
&:nth-child(5n){
|
||
margin-right: 24px!important;
|
||
}
|
||
}
|
||
li{
|
||
width: 98px;
|
||
height:32px;
|
||
line-height:30px;
|
||
text-align: center;
|
||
font-size:14px;
|
||
border-radius:2px;
|
||
margin-right: 24px!important;
|
||
margin-bottom: 15px!important;
|
||
border:1px solid!important;
|
||
border-color: #f4f6fe!important;
|
||
padding:0px 5px;
|
||
&.commonli{
|
||
background-color:#f4f6fe!important;
|
||
}
|
||
.removeicon{
|
||
display: block;
|
||
}
|
||
span.task-hide{
|
||
color: #3f455b;
|
||
margin:0px auto;
|
||
position: relative;
|
||
color:#3f455b;
|
||
max-width: 80px;
|
||
display: inline-block;
|
||
}
|
||
span{
|
||
position: relative;
|
||
margin:0px auto;
|
||
}
|
||
&.colorli{
|
||
border-color: transparent!important;
|
||
span{
|
||
color: #fff;
|
||
position: relative;
|
||
margin:0px auto;
|
||
}
|
||
}
|
||
&.commonli.ant-menu-item-selected{
|
||
background-color:#e2e8ff!important;
|
||
color:#3f5097;
|
||
border-color:#466aff!important;
|
||
}
|
||
&.colorli.ant-menu-item-selected{
|
||
border-color: transparent!important;
|
||
}
|
||
&.colorli.ant-menu-item-selected{
|
||
&>span::before{
|
||
content:"✓";
|
||
position: absolute;
|
||
right: -12px;
|
||
color: #fff;
|
||
top: -16px;
|
||
}
|
||
}
|
||
&:nth-child(5n){
|
||
margin-right: 0px!important;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.editormd-emoji-dialog {
|
||
.editormd-dialog-mask {
|
||
display: none !important;
|
||
}
|
||
.editormd-tab-box {
|
||
.editormd-grid-table {
|
||
.editormd-grid-table-row {
|
||
.selected {
|
||
background-color: #708cff;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
} |