From 6e5bdba735d8193eda900971168e87ae1dfb3bf5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicolas=20=C3=89vrard?= Date: Thu, 17 Oct 2024 21:54:30 +0200 Subject: [PATCH 1/2] Use absolute positioning for the expander span [CUSTOM] Fix PCLAS-1168 This is required because the column resizing sets a width on the col and the div inside the th which make the span tag stack. We can use absolute positioning inside the th because they're sticky and thus absolute will remove the span from the flow. --- sao/src/theme/coog/sao.less | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/sao/src/theme/coog/sao.less b/sao/src/theme/coog/sao.less index 51d133497e8..c9fba31ece0 100644 --- a/sao/src/theme/coog/sao.less +++ b/sao/src/theme/coog/sao.less @@ -220,6 +220,20 @@ div.scrollbar:has(+ div.treeview) { border-bottom: none; } +// the expander in the th should be set outside of the normal flow because +// resizing the column makes the span and the div into the th to stack +.treeview { + th { + .expander { + position: absolute; + top: 0; + // A negative offset for the case so that the text inside the title + // does not mangle with the expander + left: -0.4em; + } + } +} + /////////////////////////////////////////////////////////////////////////////// // Top Menu /////////////////////////////////////////////////////////////////////////////// From b92c1b41822daa03b05b65d0f1dc9a333b0a209d Mon Sep 17 00:00:00 2001 From: Jean Cavallo Date: Mon, 21 Oct 2024 11:30:42 +0200 Subject: [PATCH 2/2] Iteration for style --- sao/src/theme/coog/sao.less | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/sao/src/theme/coog/sao.less b/sao/src/theme/coog/sao.less index c9fba31ece0..bff1bb83359 100644 --- a/sao/src/theme/coog/sao.less +++ b/sao/src/theme/coog/sao.less @@ -229,7 +229,12 @@ div.scrollbar:has(+ div.treeview) { top: 0; // A negative offset for the case so that the text inside the title // does not mangle with the expander - left: -0.4em; + left: -3px; + } + } + th:has(> .expander) { + > div > label { + padding-left: 9px; } } }