From 6ed50a9f372def7ed04ff806b0cd5f65d94a3c74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alexandre=20D=C3=ADaz?= <alexandre.diaz@tecnativa.com>
Date: Thu, 6 Jun 2019 14:21:21 +0200
Subject: [PATCH] [IMP] web_responsive: Sticky in tree view and form view

---
 .../static/src/css/web_responsive.scss        | 42 ++++++++++++++++++-
 1 file changed, 40 insertions(+), 2 deletions(-)

diff --git a/web_responsive/static/src/css/web_responsive.scss b/web_responsive/static/src/css/web_responsive.scss
index 3b11e63a..66194eb3 100644
--- a/web_responsive/static/src/css/web_responsive.scss
+++ b/web_responsive/static/src/css/web_responsive.scss
@@ -216,6 +216,8 @@ html .o_web_client .o_main .o_main_content {
             overflow: initial;
         }
     }
+
+    max-width: 100%;
 }
 
 // Control panel (breadcrumbs, search box, buttons...)
@@ -324,12 +326,50 @@ html .o_web_client .o_main .o_main_content {
 .o_content, .modal-content {
     max-width: 100%;
 
+    // Sticky Header & Footer in List View
+    >div {
+        >.table-responsive {
+            overflow-x: initial;
+
+            >.o_list_view {
+                // th & td are here for compatibility with chrome
+                thead, thead tr:nth-child(1) th {
+                    position: sticky;
+                    top: 0;
+                    z-index: 1;
+                }
+                thead tr:nth-child(1) th {
+                    background-color: $o-list-footer-bg-color;
+                }
+                tfoot, tfoot tr:nth-child(1) td {
+                    position: sticky;
+                    bottom: 0;
+                }
+                tfoot tr:nth-child(1) td {
+                    background-color: $o-list-footer-bg-color;
+                }
+            }
+        }
+    }
+
     // Form views
     .o_form_view {
         .o_form_sheet {
             max-width: calc(100% - 32px);
         }
 
+        // Sticky statusbar
+        .o_form_statusbar {
+            position: sticky;
+            top: 0;
+            z-index: 1;
+        }
+
+        .oe_title {
+            max-width: 100%;
+            width: initial;
+        }
+
         @include media-breakpoint-down(sm) {
             min-width: auto;
 
@@ -440,8 +480,6 @@ html .o_web_client .o_main .o_main_content {
                                 flex: 1 0 auto;
                                 text-align: left;
                             }
-                            //border: 1px solid $table-border-color;
-                            //border-width: 0 0 1px 0;
 
                             .o_topbar_right_area {
                                 order: -10;