[IMP] better layout with pure css for web client

this patch removes javascript calls to adjust the layout.  It manages
to do the correct layout with only css, which will correct quite a few
issues.

2 files changed, 27 insertions, 10 deletions

diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 461684faf5f..07dbc812c29 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -1147,13 +1147,21 @@
   position: relative;
   height: 100%;
 }
-.openerp .oe_application > div > .oe_view_manager > .oe_view_manager_body {
+.openerp .oe_application > div > .oe_view_manager > .oe_view_manager_wrapper {
+  display: table-row;
+  height: 100%;
+}
+.openerp .oe_application > div > .oe_view_manager > .oe_view_manager_wrapper > div {
+  position: relative;
+  height: 100%;
+}
+.openerp .oe_application > div > .oe_view_manager > .oe_view_manager_wrapper > div > .oe_view_manager_body {
   position: absolute;
-  overflow: auto;
-  top: 66px;
+  top: 0;
   bottom: 0;
   left: 0;
   right: 0;
+  overflow: auto;
 }
 .openerp .oe_application .oe_breadcrumb_item:not(:last-child) {
   max-width: 7em;
@@ -1352,6 +1360,7 @@
   height: 100%;
 }
 .openerp .oe_view_manager_current > .oe_view_manager_header {
+  display: table-row;
   border-bottom: 1px solid #cacaca;
   background-color: #ededed;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede));
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index 4baddd7d862..e8cea79abbe 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -961,13 +961,20 @@ $sheet-padding: 16px
             position: relative
             height: 100%
             > .oe_view_manager
-                > .oe_view_manager_body
-                    position: absolute
-                    overflow: auto
-                    top: 66px
-                    bottom: 0
-                    left: 0
-                    right: 0
+                > .oe_view_manager_wrapper
+                    display: table-row
+                    height: 100%
+                    > div
+                        position: relative
+                        height: 100%
+                        > .oe_view_manager_body
+                            position: absolute
+                            top: 0
+                            bottom: 0
+                            left: 0
+                            right: 0
+                            overflow: auto
+
 
         .oe_breadcrumb_item:not(:last-child)
             max-width: 7em
@@ -1127,6 +1134,7 @@ $sheet-padding: 16px
     .oe_view_manager_current
         height: 100%
         > .oe_view_manager_header
+            display: table-row
             border-bottom: 1px solid #cacaca
             @include vertical-gradient(#fcfcfc, #dedede)
             @include box-shadow((0 1px 0 rgba(255,255,255,0.4), 0 0 9px rgba(0,0,0,0.1)))