[FIX][web_responsive] Fit view to screen.

This patch makes the `.oe_web_client` element to fit exactly inside the viewport, instead of overflowing it as before.
This commit is contained in:
Jairo Llopis
2017-02-20 13:41:51 +01:00
parent e9eaec3994
commit 4a12a5efcc
3 changed files with 17 additions and 16 deletions

View File

@@ -4,6 +4,8 @@
body {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
// Do not fix the search part, it's too big for small screens
@media (max-width: @screen-sm-max) {
@@ -14,6 +16,11 @@ body {
}
}
}
> header {
flex-grow: 0;
flex-shrink: 0;
}
}
main {
@@ -45,16 +52,11 @@ main {
z-index: 1051;
}
.o_web_client {
>.o_main {
overflow: auto;
> .o_main_content {
overflow: initial;
> .o_content {
overflow: initial;
}
}
}
.oe_web_client {
flex-shrink: 0;
flex-grow: 1;
display: flex;
flex-direction: column;
}
// Remove z-index from CP buttons so it doesn't overlap the menu