@jecloud/plugin/es/workflow/workflow-operation/style/process-three.less

JECloud 插件库

.je-workflow-operation-process-three{
  .TASK_NODE();
  .task-users{
    overflow-x: hidden;
    .task-users-selecked-item{
      height:30px;
      line-height: 30px;
      border-radius: 2px;
      background-color: #d6e7ff;
      text-align: center;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      .icon{
        position: absolute;
        right:0;
        bottom:0;
        font-size: 12px;
        z-index: 1;
        color: #fff;
      }
      &::before{
        content: "";
        bottom: -12px;
        right: -12px;
        position: absolute;
        border-width: 13px;
        border-style: solid;
        border-color: transparent transparent #3265f5 transparent;
        transform: rotate(135deg);
      }
      &.team{
        background-color: #EDF0F1;
        &::before{
          border-bottom-color: #555555;
        }
      }
      &.women{
        background-color: #FFE9E9;
        &::before{
          border-bottom-color: #ffa3a3;
        }
      }

    }
  }
  .task-message{
    padding-top: 10px;
    &-textarea{
      height:200px;
      margin-bottom:10px;
    }
    &-list{
      height:30px;
      line-height: 30px;
      &-item,
      &-button{
        display: inline-block;
        background-color: #F8F8F8;
        padding:0 15px;
        margin-right:10px;
        cursor: pointer;
        &.task-message-list-button{
          margin-right:0;
        }
      }
      &-button{
        float: right;
        color:@primary-color;
      }
    }
  }
}