Merge pull request #9514 from circleci/fix-firefox-compatability

rosieyohannan · web-flow · commit d7fc85d71cd2 · 2025-08-19T15:18:31.000+01:00
prevent filefox flexbox from becoming too narrow
diff --git a/ui/src/css/base.css b/ui/src/css/base.css
@@ -145,3 +145,11 @@ object[type="image/svg+xml"]:not([width]) {
     background-color: var(--scrollbar_hover-thumb-color);
   }
 }
+
+/* Firefox-specific CSS to fix flexbox shrinking issue */
+@-moz-document url-prefix() {
+  main > .content .doc,
+  article.doc {
+    flex-shrink: 0; /* Prevent excessive shrinking in Firefox */
+  }
+}

Original file line number	Diff line number	Diff line change
`@@ -145,3 +145,11 @@ object[type="image/svg+xml"]:not([width]) {`
`145`	`145`	`background-color: var(--scrollbar_hover-thumb-color);`
`146`	`146`	`}`
`147`	`147`	`}`
	`148`	`+`
	`149`	`+/* Firefox-specific CSS to fix flexbox shrinking issue */`
	`150`	`+@-moz-document url-prefix() {`
	`151`	`+ main > .content .doc,`
	`152`	`+ article.doc {`
	`153`	`+ flex-shrink: 0; /* Prevent excessive shrinking in Firefox */`
	`154`	`+ }`
	`155`	`+}`