weaver_trunk_cli/pc4mobx/prj/components/taskportal/index.less

293 lines
6.4 KiB
Plaintext

.prj-portal-page{
height : 100%;
.ant-pagination {
margin-top: 9px;
text-align: center;
>li {
float: none;
display: inline-block;
}
}
.ant-menu-inline .ant-menu-item-selected, .ant-menu-inline .ant-menu-selected{
border-left: 3px solid #2db7f5 !important;
}
.task-portal-left{
padding-left: 1px;
height: 100%;
width: 100%;
.quickSearch{
i{
min-width: 14px;
margin-right: 0px;
padding-top: 12px;
}
}
.search-group{
.ant-input{
padding-right: 45px;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 5px;
}
.add-icon{
float: right;
position: absolute;
top: 17px;
right: 35px;
}
}
i{
min-width: 14px;
margin-right: 8px;
}
}
.prj-portal-right{
background-color: #e8edf4;
height: 100%;
padding: 14px;
.ant-row > div {
padding: 8px 8px 0 8px;
};
.ant-card-body {
padding: 16px;
}
.prj-card-title{
font-size: 16px;
cursor: pointer;
}
.prj-card-msg{
font-size: 10px;
color: #c9c9c9;
line-height: 20px;
}
.manager-img {
width: 25px;
height: 25px;
border-radius: 100%;
}
}
.prj-portal-content{
background-color: #f5f5f5;
padding: 0px 0px;
.ant-card{
box-shadow: 3px 2px 4px #dad8d845;
}
.ant-card-head{
height:24px
}
.ant-row{
// padding: 5px 0px 5px 0px;
// font-size: 15px;
line-height: 24px;
}
.ant-card-body{
padding: 0px;
}
// .manager-img2 {
// width: 40px;
// height:40px;
// border-radius: 100%;
// margin-left: 30px;
// }
.ant-tabs-bar{
margin-bottom: 0px;
}
.ant-steps {
font-size: 0;
width: 100%;
line-height: 1.5;
display: -ms-flexbox;
display: table-cell;
}
.prj-step{
.step-row{
padding: 5px 0px 5px 5px;
}
.step-img{
width: 38px;
}
.step-num{
font-size: 26px;
margin-left: 10px;
}
.step-title{
font-size: 10px;
color: #909090;
}
}
}
.wea-tab{
border-bottom: 0px
}
// .ant-tabs-nav{
// float: right;
// }
.ant-tabs {
height: 100%;
}
.ant-tabs-content{
height: 100%;
}
.ant-tabs-tabpane{
height: 100%;
}
.prj-dynamic-tab{
padding: 0 0 5px 0;
border-bottom: 1px solid #e8e8e8;
}
.prj-dynamic-tab-item{
display: inline;
position: relative;
padding: 5px 15px 5px 5px;
color: #606060;
.active::after{
content: '';
display: inline-block;
height: 3px;
width: 82%;
position: absolute;
background-color: #338fe5;
bottom: 0;
left: 0;
}
}
.prj-dynamic-tab-item:hover{
color: #338fe5;
cursor:pointer;
}
.exchange-content{
line-height:20px;
font-size:10px;
color:black;
display: inline-block;
padding: 10px 5px 5px;
}
.exchange-date{
line-height:20px;
color:#909090;
}
.exchange-operate {
position : relative;
display : inline-block;
padding-right: 15px;
&::after {
content : '';
width : 1px;
display : inline-block;
height : 13px;
background: #dedede;
position : absolute;
bottom : 5px;
right : 7px;
}
&:last-child {
&::after {
content : '';
background: #fff;
}
}
a {
color : #606060;
font-size: 12px;
&:hover {
color: #00a9ff;
}
}
}
.exchange-row {
padding: 0 0 0 0px !important;
> span{
&:nth-of-type(1){
>p {
&:nth-of-type(1){
display: inline;
}
}
}
}
}
.jiaoliu-box {
padding: 0 0 0 0px !important;
position: relative;
> span{
&:nth-of-type(1){
>p {
&:nth-of-type(1){
display: inline;
}
}
}
}
}
.modify-log {
border-left: 3px solid #909090;
.modify-record {
.log-green {
color: #24b47e;
background-color: rgba(36,180,126,0.1);
display: inline-block;
word-break: break-all;
}
.log-red {
color: #ea0d0d;
background-color: rgba(234,13,13,0.1);
text-decoration: line-through;
text-decoration-color: #ea0d0d;
display: inline-block;
word-break: break-all;
}
color : #909090;
margin : 5px 0 0 0;
padding : 0 0 0 5px;
}
}
.writeDiv{
border: 1px solid #d6d6d6;
border-radius: 3px;
color: #a2a2a2;
cursor: pointer;
background: #fff;
font-size: 10px;
border-left: 2px solid #ee6723;
}
.writeDiv1 {
&:hover{
border : 1px solid #2db7f5;
border-left: 2px solid #ee6723;
}
}
div:has(.ant-tabs-extra-content){
float: left !important;
}
.prj_protal_card_title{
font-size: 15px;
font-weight: 400;
border-left: 3px solid #0094ff;
padding-left: 5px;
}
}