sourcecode/front/project/www/components/UserAction/index.less

@import '../../app.less';

.user-action {
  height: 40px;
  line-height: 40px;
  display: flex;
  position: relative;
  border-bottom: 1px solid #eee;

  .all {
    display: inline-block;
    margin: 0 15px;

    .checkbox-item {
      transform: translateY(5px);
      margin-right: 5px;
    }
  }

  .button-list {
    flex: 1;

    .button {
      margin-right: 10px;
      position: relative;

      .assets {
        position: absolute;
        top: -4px;
        left: -4px;
      }
    }

    .button.disabled {
      background: #8DABCE;
    }
  }

  .help {
    display: inline-block;
  }

  i {
    font-size: 14px;
    color: #D0D8E2;
  }

  .right {
    text-align: right;
    margin-left: 15px;
  }

  .right.only {
    flex: 1;
  }

  .left {
    display: inline-block;
  }

  .item-list {
    flex: 1;
  }

  .item.right {
    float: right;
    margin-right: 0;
  }

  .item.sort-item {
    color: #686872;
    font-size: 12px;
    margin-left: 15px;

    .assets {
      vertical-align: top;
      margin-top: 14px;
      margin-left: 3px;
    }
  }

  .item.selct-item {
    color: #303139;
    font-size: 12px;
  }

  .item {
    display: inline-block;
    margin-right: 12px;

    .label {
      margin-left: 12px;
    }

    .select {
      margin-left: 12px;
      display: inline-block;

      .button {
        line-height: 20px;
      }
    }
  }

  .search {
    margin-left: 15px;

    input {
      border-radius: 12px;
      height: 24px;
      padding: 2px 10px;
      line-height: 20px;
      width: 180px;
      border: 1px solid #e0e0e0;
      font-size: 12px;
    }


    i {
      color: #4299FF;
      font-size: 20px;
      cursor: pointer;
    }
  }
}