// Copyright (c) 2020-2021 Drew Lemmy
// This file is part of KristWeb 2 under GPL-3.0.
// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
@import (reference) "../App.less";

.page-layout {
  height: 100%;

  .page-layout-header.ant-page-header {
    height: @kw-page-header-height;

    padding-bottom: 0;

    .ant-page-header-heading-sub-title {
      .ant-typography {
        color: inherit;
      }
    }
  }

  .page-layout-contents {
    height: calc(100% - @kw-page-header-height);

    padding: @padding-lg;
  }

  &.page-layout-no-top-padding {
    .page-layout-contents {
      padding-top: 0;
    }
  }

  &.page-layout-negative-margin {
    .page-layout-header.ant-page-header {
      // Ensure it's still clickable
      z-index: 10;

      // And to ensure the extra content is still clickable, make the header
      // smaller.
      // TODO: This is a pretty unreliable hack. Is there a way to just get the
      //       pagination in the header?
      display: inline-block;
    }

    .page-layout-contents {
      // Used to pull table pagination up to the 'extra' area of the header
      margin-top: -@kw-page-header-height + 4;
    }
  }
}