@import '../../../../../src/core/public/mixins';

.prfDevTool__page {
  flex: 1 1 auto;

  &__body {
    height: 100%;
    flex: 1 1 auto;
  }

  &__pageBody {
    height: 100%;
    flex: 1 1 auto;
  }

  &__pageBodyContent {
    height: 100%;
  }

  &__pageBodyContentBody {
    height: 100%;
  }

  &__pageContentBodyContent {
    height: 100%;
  }

  &__bodyGroup {
    height: 100%;
  }
}

// adding dev tool top bar to the body offset
$bodyOffset: $euiHeaderHeightCompensation;

.appRoot {
  @include kibanaFullBodyHeight($bodyOffset);
  overflow: hidden;
  flex-shrink: 1;
}

.prfDevTool__main {
  height: 100%;
  order: 2;
  margin-left: $euiSize;
  display: flex;
  overflow: hidden;
  flex-direction: column;

  // Make only the tab content scroll
  .search-profiler-tabs {
    flex-shrink: 0;
  }
}

@include euiPanel('.prfDevTool__main');

@include euiBreakpoint('xs', 's') {
  .prfDevTool__container {
    flex-direction: column;
  }

  .prfDevTool__main {
    flex: 0 0 auto;
    margin: $euiSize 0;
  }
}