/*!
 * Copyright (C) 2013-2021 Combodo SARL
 *
 * This file is part of iTop.
 *
 * iTop is free software; you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * iTop is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 */

/* SCSS variables (can be overloaded) */
$ibo-body-text-color: $ibo-color-grey-900 !default;
$ibo-body-background-color: $ibo-color-white-200 !default;

$ibo-page-container--elements-padding-x: 36px !default;

$ibo-main-content--padding-top: 16px !default;
$ibo-main-content--padding-bottom: 16px !default;

/* CSS variables (can be changed directly from the browser) */
:root{
	--ibo-body-text-color: #{$ibo-body-text-color};
	--ibo-body-background-color: #{$ibo-body-background-color};
}

/* Layout */
html{
	height: 100vh;
}
body{
	display: flex;
	height: 100vh;
	color: var(--ibo-body-text-color);
	background-color: var(--ibo-body-background-color);
	@extend %ibo-font-ral-med-100;
}

#ibo-navigation-menu{
	z-index: 20;
}
#ibo-page-container{
	position: relative; /* To avoid having its descendants with "z-index" over siblings of self */
	z-index: 10;

	/* Self */
	height: 100%;
	overflow: auto;
	flex-grow: 1;

	/* For children */
	display: flex;
	flex-direction: column;
}
#ibo-top-bar,
#ibo-main-content{
	/* Align both elements content for a slicker touch */
	padding-left: $ibo-page-container--elements-padding-x;
	padding-right: $ibo-page-container--elements-padding-x;
}
#ibo-top-container{
	z-index: 20;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
}
#ibo-center-container{
	position: relative; /* To avoid having its descendants with "z-index" over siblings of self */
	z-index: 10;

	flex-grow: 1; /* To occupy all height available */
  overflow: hidden; /* Only the content areas should scroll */

  > * {
    height: 100%;
  }
}
#ibo-main-content{
	padding-top: $ibo-main-content--padding-top;
	padding-bottom: $ibo-main-content--padding-bottom;
  overflow: auto; /* For scroll to happen in the main content instead of the center content */
}