From 364e32d03824603f7ce406cb174182615e7d3184 Mon Sep 17 00:00:00 2001 From: Thorsten Scherler Date: Thu, 5 Sep 2024 12:22:36 +0200 Subject: [PATCH 1/3] [JENKINS-73695] reduce table width to prevent horizontal scrollbar in FF Signed-off-by: Thorsten Scherler --- war/src/main/scss/components/_table.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/war/src/main/scss/components/_table.scss b/war/src/main/scss/components/_table.scss index f247407a8f3b..2b4802d10937 100644 --- a/war/src/main/scss/components/_table.scss +++ b/war/src/main/scss/components/_table.scss @@ -4,7 +4,7 @@ --table-padding: 0.55rem; position: relative; - width: 100%; + width: 99%; background: var(--table-background); border-radius: calc(var(--table-border-radius) + 4px); border: 4px solid var(--table-background); From 1ee790ec4302cf5b673c19c56ba8ab433581de2a Mon Sep 17 00:00:00 2001 From: Thorsten Scherler Date: Thu, 12 Sep 2024 10:08:47 +0200 Subject: [PATCH 2/3] [JENKINS-73695] use media query for ff Signed-off-by: Thorsten Scherler --- war/src/main/scss/components/_table.scss | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/war/src/main/scss/components/_table.scss b/war/src/main/scss/components/_table.scss index 2b4802d10937..7ceedde165da 100644 --- a/war/src/main/scss/components/_table.scss +++ b/war/src/main/scss/components/_table.scss @@ -4,7 +4,7 @@ --table-padding: 0.55rem; position: relative; - width: 99%; + width: 100%; background: var(--table-background); border-radius: calc(var(--table-border-radius) + 4px); border: 4px solid var(--table-background); @@ -13,13 +13,15 @@ background-clip: padding-box; margin-bottom: var(--section-padding); - &::before { - content: ""; - position: absolute; - inset: -4px -4px -2px; - border: var(--card-border-width) solid var(--table-border-color); - border-radius: inherit; - pointer-events: none; + @supports (not (-moz-appearance: none)) { + &::before { + content: ""; + position: absolute; + inset: -4px -4px -2px; + border: var(--card-border-width) solid var(--table-border-color); + border-radius: inherit; + pointer-events: none; + } } * { From 768aece9757e02e9d9fad363f00f42f7704caebc Mon Sep 17 00:00:00 2001 From: Thorsten Scherler Date: Thu, 12 Sep 2024 10:52:11 +0200 Subject: [PATCH 3/3] Update war/src/main/scss/components/_table.scss Co-authored-by: Jan Faracik <43062514+janfaracik@users.noreply.github.com> --- war/src/main/scss/components/_table.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/war/src/main/scss/components/_table.scss b/war/src/main/scss/components/_table.scss index 7ceedde165da..7d8b9e274f6e 100644 --- a/war/src/main/scss/components/_table.scss +++ b/war/src/main/scss/components/_table.scss @@ -13,6 +13,7 @@ background-clip: padding-box; margin-bottom: var(--section-padding); + // The '::before' pseudo-element is causing overflow issues in Firefox, so disable it for that browser @supports (not (-moz-appearance: none)) { &::before { content: "";