[tryton-commits] [tryton] [7.6] Set width to 100% on all elements between pane an...

[Cédric Krier]

details:   https://code.tryton.org/tryton/commit/90b67f3f86e5
branch:    7.6
user:      Cédric Krier <c...@b2ck.com>
date:      Tue Sep 23 12:12:52 2025 +0200
description:
        Set width to 100% on all elements between pane and screen-container

        Without the 100% width, Chrome does not render an horizontal scrollbar 
when the
        form overflow the pane width.

        Closes #14197
        (grafted from 6484472e771eee014e3fc6ab60084695738ae41a)
diffstat:

 sao/src/sao.less |  36 ++++++++++++++++++++++--------------
 1 files changed, 22 insertions(+), 14 deletions(-)

diffs (58 lines):

diff -r be65fe9217bd -r 90b67f3f86e5 sao/src/sao.less
--- a/sao/src/sao.less  Fri Sep 19 09:12:53 2025 +0200
+++ b/sao/src/sao.less  Tue Sep 23 12:12:52 2025 +0200
@@ -289,25 +289,32 @@
     flex: 1;
     width: 100%;
 
-    > .tab-pane > .panel {
-        display: flex;
-        flex-direction: column;
-        flex: 1;
-        margin-bottom: 5px;
-        padding-bottom: 0;
+    > .tab-pane {
+        width: 100%;
 
-        > .panel-body {
+        > .panel {
             display: flex;
+            flex-direction: column;
             flex: 1;
-            flex-direction: row;
-            padding: 5px 0;
-            min-height: 0;
+            margin-bottom: 5px;
+            padding-bottom: 0;
+            width: 100%;
 
-            > div {
-                display: inline-flex;
+            > .panel-body {
+                display: flex;
+                flex: 1;
+                flex-direction: row;
+                padding: 5px 0;
+                min-height: 0;
+                width: 100%;
 
-                &:first-child {
-                    flex: 2;
+                > div {
+                    display: inline-flex;
+                    width: 100%;
+
+                    &:first-child {
+                        flex: 2;
+                    }
                 }
             }
         }
@@ -691,6 +698,7 @@
     display: flex;
     flex-direction: column;
     flex: 1;
+    width: 100%;
 }
 
 .filter-box {