[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 <[email protected]> * [JENKINS-73695] use media query for ff Signed-off-by: Thorsten Scherler <[email protected]> * Update war/src/main/scss/components/_table.scss Co-authored-by: Jan Faracik <[email protected]> --------- Signed-off-by: Thorsten Scherler <[email protected]> Co-authored-by: Jan Faracik <[email protected]>
jenkinsci · Sep 13, 2024 · 6a5b5f6 · 6a5b5f6
1 parent dab6597
commit 6a5b5f6
Showing 1 changed file with 10 additions and 7 deletions.
diff --git 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;
+    }
   }
 
   * {