forgeplus-react/src/forge/Order/milepost.scss

124 lines
2.2 KiB
SCSS

.milepostBox{
border: none;
padding: 0;
.createMilepost{
text-align: right;
}
}
.flexSpaceBetween{
display: flex;
justify-content: space-between;
align-items: center;
}
.milepostHead{
background-color:#fafcff;
border:1px solid rgba(42, 97, 255, 0.23);
color:#898d9d;
padding: 15px 15px 15px 20px;
border-radius:4px 4px 0px 0px;
.postStatus.active{
color:$primary-color;
.statusCount{
color: $primary-color;
border: 1px solid $primary-color;
background-color: #fff;
}
}
.statusCount{
background-color:rgba(70, 106, 255, 0.09);
border-radius:10px;
margin-left: 5px;
color:#666666;
font-weight: normal;
height: 19px;
line-height: 19px;
display: inline-block;
min-width: 30px;
text-align: center;
}
}
.pointBox{
cursor: pointer;
}
.milepostSort{
box-shadow:0px 0px 10px rgba(24, 54, 181, 0.17);
}
.milepostList{
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
.milepostItemBox{
border-bottom: 1px solid #d0d0d0;
padding: 15px 20px;
padding-bottom: 0;
}
.milepostInfo{
display: inline-block;
width: 640px;
}
.actionMileBox{
width: 550px;
.outTime{
color: red;
}
}
}
.createMilepostBtn{
width: 96px;
padding: 0;
}
.primaryColor, .primaryColor:link, .flexSpaceBetween .primaryColor{
color: $primary-color;
}
.effectiveDate, .flexSpaceBetween .effectiveDate{
color:#40424a;
}
.color-grey-89{
color: #898d9d;
}
.colorRed, .colorRed:hover{
color:#f30000;
}
.milestonesNoDate{
border:1px solid#d0d0d0;
border-top: none;
min-height: 500px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
span{
color: #666;
}
}
// 浅灰色按钮
.grayButton{
width:108px;
height:32px;
text-align: center;
background-color:#fafbfc;
border:1px solid #d0d0d0;
border-radius:4px;
&:hover{
background-color: #f3f4f6;
}
}
// 里程碑详情页面
.milepostDetail{
border: none;
padding: 0;
}
.noDataMile{
display: flex;
justify-content: center;
}
.title{
width: 620px;
height: 59px;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}