@import '../../style/themes/index';
@import '../../style/mixins/index';
@import './link.less';
@import './node.less';
@import './tools.less';

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

.@{stgy-flow-prefix-cls} {
  position: relative;
  background-color: transparent;
  width: 100%;
  height: 100%;
  // overflow: scroll;
  box-sizing: border-box;

  // 绿涨红跌
  &-gu {
    .@{stgy-flow-prefix-cls}-node-wrap {
      &-sell .@{stgy-flow-prefix-cls}-node-wrap-header {
        background-color: @fluctuation-rise-rise;
      }

      &-sell:hover .@{stgy-flow-prefix-cls}-node-wrap-header {
        background-color: @fluctuation-rise-hover;
      }

      &-buy .@{stgy-flow-prefix-cls}-node-wrap-header {
        background-color: @fluctuation-fall-fall;
      }

      &-buy:hover .@{stgy-flow-prefix-cls}-node-wrap-header {
        background-color: @fluctuation-fall-hover;
      }
    }
  }

  // 合并状态
  &-merge {
    .node-insert,
    .node-shrink,
    .@{stgy-flow-prefix-cls}-node-tools .icon-tools__edit {
      color: @brand-disable;
      cursor: not-allowed;
    }
    .@{stgy-flow-prefix-cls}-line {
      cursor: not-allowed;
    }

    .start-node {
      cursor: not-allowed;
      .@{stgy-flow-prefix-cls}-node-wrap {
        pointer-events: none;
      }
    }
  }

  &-readonly {
    .@{stgy-flow-prefix-cls}-node-wrap {
      cursor: auto;
    }
  }

  &-view {
    height: 100%;
  }
}