From fa10dda249268c82dd9e93ed4ced924f284f290a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Krier?= <ced@b2ck.com>
Date: Thu, 2 Apr 2020 00:09:47 +0200
Subject: [PATCH] Set treeview header sticky on top

We set a default height to treeview which is 100% of the viewport height minus
a default of the height of the toolbars.
The height is reset to treeview inside form and for the menu.

issue9163
review256781002
---
 CHANGELOG    |  1 +
 src/sao.less | 15 ++++++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG b/CHANGELOG
index 5cfffabbeb..6d733cb0e1 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -1,3 +1,4 @@
+* Set treeview header sticky on top
 * Add noreferrer noopener to external URL (issue9089)
 * Manage readonly dates in calendar view
 * Manage editable on calendar view
diff --git a/src/sao.less b/src/sao.less
index 05fdd148cf..e5e9d89b03 100644
--- a/src/sao.less
+++ b/src/sao.less
@@ -28,6 +28,9 @@
     border-radius: 0 @panel-border-radius @panel-border-radius 0;
     border-width: 1px;
     margin-top: 5px;
+    .treeview {
+        height: auto;
+    }
 }
 [dir="rtl"] #menu {
     border-right: none;
@@ -225,6 +228,7 @@ img.icon {
     -moz-user-select: none;
     -webkit-user-select: none;
     overflow-x: auto;
+    height: calc(100vh - 300px);
 
     > table.tree {
         width: 100%;
@@ -262,6 +266,11 @@ img.icon {
                 text-align: end;
             }
         }
+        > thead > tr:first-child th {
+            background-color: @body-bg;
+            position: sticky;
+            top: 0;
+        }
         > tbody > tr > td {
             cursor: pointer;
             > * {
@@ -480,7 +489,8 @@ img.icon {
     }
     .form-one2many-content, .form-many2many-content {
         .treeview, .list-form {
-            min-height: 100px;
+            height: auto;
+            min-height: 150px;
             max-height: 300px;
         }
     }
@@ -604,6 +614,9 @@ input.column-boolean {
 }
 
 @media screen and (max-width: @screen-xs-max) {
+    .treeview {
+        height: calc(100vh - 370px);
+    }
     .dict-label {
         text-align: left;
         text-align: start;