mirror of
https://github.com/OCA/web.git
synced 2025-02-22 13:21:25 +02:00
[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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user