/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */

:host {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: auto;
  order: 0;

  .scrollable {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
  }

  .main-container {
    position: fixed;
    // TODO: this looks like a dirty fix to stop sidebar jumping while page is scrolled
    transform: translate3d(0, 0, 0);
    display: flex;
    flex-direction: column;
  }

  &.right {
    order: 4;
    margin-right: 0;
    margin-left: auto;
  }

  // TODO: in this case this will won't work when header is not fixed and sidebar is
  &.fixed {
    position: fixed;
    height: 100%;
    z-index: 999;
    top: 0;
    bottom: 0;

    left: 0;

    &.right {
      right: 0;
    }
  }

  /deep/ nb-sidebar-footer {
    margin-top: auto;
    display: block;
  }

  /deep/ nb-sidebar-header {
    display: block;
  }
}