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

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

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

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

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

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

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

  // 合并状态
  &&-merge {
    .node-append-wrapper,
    .node-insert-wrapper,
    .node-shrink-wrapper {
      cursor: not-allowed;
    }
    .@{stgy-graph-prefix-cls}-node {
      // 工具禁用
      .@{stgy-graph-prefix-cls}-node-tools .icon-tools__edit {
        color: @brand-disable;
        cursor: not-allowed;
      }

      &-insert,
      &-append {
        color: @brand-disable;
        pointer-events: none;
      }

      &-shrink {
        pointer-events: none;

        &__expand,
        &__icon {
          pointer-events: none;
          color: @btn-warning-disable-bg;
          border-color: @btn-warning-disable-bg;
        }
      }

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

    .link-group {
      cursor: not-allowed;
    }
  }

  // 只读
  &&-readonly {
    .@{stgy-graph-prefix-cls}-node {
      pointer-events: none;
    }
    .link-group {
      cursor: auto;
    }
  }

  &-view {
    height: 100%;
  }

  .link-group-merge {
    cursor: pointer;
  }
}