@import "../../style/themes/default";
@import "../../style/mixins/index";

@layout-prefix-cls: ~"@{mkui-prefix}-layout";
@layout-modal-prefix-cls: ~"@{layout-prefix-cls}-modal";

.@{layout-modal-prefix-cls} {
  background-color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  &-toolbar {
    margin-bottom: 15px;
    > button {
      margin-right: @layout-toolbar-button-gutter;
    }
  }
  &-table {
    margin: 0 -24px;
    flex-grow: 1;
    overflow: hidden;
    .mkui-table-wrapper {
      height: 100%;
      .mkui-spin-nested-loading {
        height: 100%;
        .mkui-spin-container {
          height: 100%;
          display: flex;
          flex-direction: column;
          .mkui-table {
            overflow: auto;
            flex-grow: 1;
            border-bottom: 1px solid @border-color-split;
            .mkui-table-content {
              height: 100%;
              .mkui-table-scroll {
                height: 100%;
                display: flex;
                flex-direction: column;
                .mkui-table-header {
                  flex-shrink: 0;
                }
                .mkui-table-body {
                  max-height: none !important;
                  flex-grow: 1;
                }
              }
            }
          }
          .mkui-pagination {
            text-align: right;
          }
        }
      }
    }
  }
  &-auto-height {
    height: 100%;
    overflow: hidden;
  }
}