SCSS: Fix base content layout not behaving the same way as the one with side content

This commit is contained in:
Molkobain
2021-05-25 16:02:21 +02:00
committed by Eric
parent 4379e49f3b
commit 3b20dfcae5
2 changed files with 6 additions and 6 deletions

View File

@@ -21,15 +21,9 @@
&.ibo-center-container--with-side-content {
display: flex;
align-items: stretch;
overflow: hidden; /* Only the content areas should scroll */
> * {
height: 100%;
}
#ibo-main-content {
flex-grow: 1; /* To occupy maximum width, side content will handle its width */
overflow-x: auto; /* To avoid main content to be too wide when the blocks within it have no width constraints. This way it will occupy only the remaining space left by the side part. */
}
}
}

View File

@@ -77,8 +77,14 @@ body{
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 */
}