weaver_trunk_cli/pc4mobx/prj/components/single/style/taskDynamic.less

.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: 20px 5px;
    .formImgPlay{
        max-width: 150px;
        max-height: 150px;
    }
}

.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);
        }
        .log-red {
            color: #ea0d0d;
            background-color: rgba(234,13,13,0.1);
            text-decoration: line-through;
            text-decoration-color: #ea0d0d;
        }
        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;
    padding: 5px;
    border-left: 2px solid #ee6723;
    &:hover{
        border       : 1px solid #2db7f5;
        border-left: 2px solid #ee6723;
    }
}

.manager-img{
    height:25px;
    width:25px;
    border-radius:20px;
}

.dynamic-exchange-operate{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dynamic-exchange-time{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 0;
    flex: 1;
    color: #999999
}