From 6a5b5f61ebd886c4c28086928da0a6919f8b41e4 Mon Sep 17 00:00:00 2001 From: Thorsten Scherler Date: Sat, 14 Sep 2024 00:21:31 +0200 Subject: [PATCH] [JENKINS-73695] Prevent unnecessary horizontal scrollbar in Firefox (#9695) * [JENKINS-73695] reduce table width to prevent horizontal scrollbar in FF Signed-off-by: Thorsten Scherler * [JENKINS-73695] use media query for ff Signed-off-by: Thorsten Scherler * Update war/src/main/scss/components/_table.scss Co-authored-by: Jan Faracik <43062514+janfaracik@users.noreply.github.com> --------- Signed-off-by: Thorsten Scherler Co-authored-by: Jan Faracik <43062514+janfaracik@users.noreply.github.com> --- war/src/main/scss/components/_table.scss | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/war/src/main/scss/components/_table.scss b/war/src/main/scss/components/_table.scss index f247407a8f3b..7d8b9e274f6e 100644 --- a/war/src/main/scss/components/_table.scss +++ b/war/src/main/scss/components/_table.scss @@ -13,13 +13,16 @@ 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; + // The '::before' pseudo-element is causing overflow issues in Firefox, so disable it for that browser + @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; + } } * {