yoyo-ng-modulewindy/src/abc/reuse-tab/style/index.less

服务于52ABP模板的前端开源的相关组件内容。整合了ng-alain和你NG ZORRO的内容

@import '../../../theme/styles/default';
.ad-rt {
  display: block;
  background-color: @reuse-tab-bg;
  padding: @reuse-tab-padding;
  margin: 0 -@content-padding 0 -@content-padding;
  border-bottom: 1px solid @reuse-tab-border-color;
  outline: none;
  user-select: none;
  .ant-tabs-bar {
    margin-bottom: 0;
    border-bottom: none;
  }
  .ant-tabs-nav .ant-tabs-tab {
    padding: 0;
    .name {
      display: inline-block;
      padding: 8px 20px;
    }
    .op {
      display: none;
      position: absolute;
      top: 14px;
      right: 2px;
      margin: 0;
      font-size: 12px;
    }
    &:hover {
      .op {
        display: block;
      }
    }
  }
  &.fixed {
    position: fixed;
    top: @header-hg;
    left: @aside-wd;
    right: 0;
    margin: 0;
    z-index: 10;
  }
}

.reuse-tab-cm {
  .ant-menu {
    border: 1px solid #e9e9e9;
  }
}

.aside-collapsed .ad-rt.fixed {
  left: @aside-collapsed-wd;
}

.has-ad-rt {
  .content {
    margin-top: @header-hg + @reuse-tab-height;
  }
}

// @media (min-width: @screen-sm-max) {
// }
@media (max-width: @screen-sm-max) {
  .ad-rt.fixed {
    left: -@content-padding;
    top: -@reuse-tab-height;
  }
  .aside-collapsed .ad-rt.fixed {
    left: -@content-padding;
    right: -@content-padding;
  }
}