wetrade-design/es/stgy-flow/style/tools.less

一款多语言支持Vue3的UI框架

@stgy-flow-tools-prefix-cls: ~'@{wd-prefix}-stgy-flow-node-tools';

.@{stgy-flow-tools-prefix-cls} {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid @line-table;
  border-radius: 8px;
  box-shadow: @shadow-100-canvas;
  background-color: @bg-dropdown;
  padding: 7px 12px;
  width: 454px;
  min-height: 48px;
  overflow: hidden;
  position: relative;
  color: @text-primary;
  .delete-tools__icon {
    position: absolute;
    right: 20px;
    top: 12px;
    font-size: 18px;
    color: @icon-tertiary;
    cursor: pointer;
  }
  &-select {
    border-color: @charts-sunset-sunset;
  }
  &-error {
    color: @fluctuation-rise-rise;
    border-color: @fluctuation-rise-rise;
    justify-content: space-between;
    .icon-delete {
      color: @icon-tertiary;
    }
  }
  &-error__value {
    border-color: @fluctuation-rise-rise;
  }
  &-readonly {
    // width: 220px;
  }
  .icon-tools__edit {
    font-size: 16px;
    color: @brand-primary;
    cursor: pointer;
    &.edit-icon-disabled {
      color: @brand-disable;
      cursor: not-allowed;
    }
  }
  .icon-tools__tips_close,
  .icon-tools__tips_check {
    font-size: 18px;
    color: @brand-primary;
    cursor: pointer;
    padding: 3px;
    border-radius: 4px;

    &:hover {
      color: @brand-hover;
      background: @brand-extra-light;
    }
    &:active {
      color: @brand-active;
      background: @brand-lighter;
    }
  }
  .icon-tools__tips_minus {
    color: @icon-tertiary;
    font-size: 14px;
    margin: 0 4px;
  }
  &__text {
    margin-left: 6px;
    font-size: 12px;
    color: @text-primary;
  }
  &__operate {
    margin-left: 14px;
    .icon-tools__tips_close {
      margin-right: 6px;
    }
  }
  .amplitude-input {
    width: 192px;
    transition: none;
  }

  .amplitude-input-text {
    width: 72px;
    margin-left: 8px;
  }
  .score-input {
    width: 248px;
    transition: none;

    &.assembly-input {
      width: 125px !important;
    }
  }
  .day-input {
    width: 360px;
  }
  .between-input {
    width: 85px;
  }
  .tools-form-node {
    min-width: 428px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .first-input {
    margin-left: 8px;
  }
  .error-msg-box {
    padding-bottom: 18px;

    .form-item__input {
      position: relative;
      .form-item__input-error__text {
        display: none;
        position: absolute;
        line-height: 18px;
        text-wrap: nowrap;
      }
      &.form-item__input-error {
        .wd-input-affix-wrapper {
          border-color: @fluctuation-rise-rise;
        }
        .form-item__input-error__text {
          display: block;
          color: @fluctuation-rise-rise;
          font-size: 12px;
        }
      }
    }
  }
}

// .tools-time-picker {
//   .wd-picker-content {
//     height: 320px;
//   }
// }