From a7a89f31741c3df1d15f1fb8d0433b2761a7e1d0 Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Thu, 6 Sep 2018 12:09:01 +0200
Subject: [PATCH] [FIX] portal: use flex for #wrapwrap layout

(Needed for themes migration)

The #wrapwrap element always featured a hack to make the inner <footer/>
stick to the bottom of small-height pages (typically, empty pages). As
advertised, this was a *hack*: forcing the element to "table" display
and its children to "table-row" display. This prevented some themes
to do some stuff.

With the migration to BS4, we now use flex at various places and so
only support the browsers which support flex (every last version of
major ones). The footer feature can be solved using flex, so there is
no point in keeping the hack.

This also allows to make the #wrapwrap element scroll instead of the
<body/> and to always have a screen-shaped #wrapwrap element, making the
element the user's <body/> it was always meant to be.
---
 addons/portal/static/src/scss/portal.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/addons/portal/static/src/scss/portal.scss b/addons/portal/static/src/scss/portal.scss
index 043753f2bf7..27460705627 100644
--- a/addons/portal/static/src/scss/portal.scss
+++ b/addons/portal/static/src/scss/portal.scss
@@ -14,16 +14,17 @@ $-navbar-height: $nav-link-height !default;
 // Frontend general
 #wrapwrap {
     position: relative;
-    display: table;
-    table-layout: fixed;
+    display: flex;
+    flex-flow: column nowrap;
     width: 100%;
     height: 100%;
+    overflow: auto;
 
     > * {
-        display: table-row;
+        flex: 0 0 auto;
     }
     > main {
-        height: 100%;
+        flex: 1 0 auto;
     }
 }