@import '~amos-framework/lib/styles/mixins/scrollbar.scss';
@import '../index.scss';

$scrollOutColor: rgba(#dedede, 0.3);
$scrollInnerColor: rgba(rgb(20, 20, 20), 0.1);

.amos-splitpane.mods-com-splitpane {
  background-color: transparent;

  > .amos-splitpane-separator {
    z-index: 10;
    width: 3px;
    background-color: $border-color-eaeaea;

    &:hover {
      background-color: $color-b5b5b5;// !important;
    }
  }

  > .amos-splitpane-panel {
    &:last-child {
      left: -3px;
      overflow: unset;

      > div {
        @include pretty-scrollbar(5px, 8px, $scrollOutColor, $scrollInnerColor);

        width: calc(100% + 3px);
      }
    }
  }

  &.amos-splitpane-vertical {
    > .amos-splitpane-separator {
      z-index: 10;
      width: 100%;
      height: 3px;
    }

    > .amos-splitpane-panel {
      &:last-child {
        top: -3px;
        left: 0;
        overflow: unset;

        > div {
          width: 100%;
          height: calc(100% + 3px);
          overflow: auto;// !important;// !important;
        }
      }
    }
  }

  //解决拖动时遇到iframe卡顿问题
  .amos-splitpane-resizing {
    iframe {
      pointer-events: none;
    }
  }
}
