From f42cb77d99c5691d72e65a4ae30f27709df59625 Mon Sep 17 00:00:00 2001
From: Bryan Housel <bryan@mapbox.com>
Date: Fri, 22 Sep 2017 22:43:32 -0400
Subject: [PATCH] Fix topbar buttons in Firefox in save mode when css filter
 active (closes #4348)

---
 css/80_app.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/css/80_app.css b/css/80_app.css
index 915724df8..458f64d13 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -56,6 +56,22 @@ body {
     transition-duration: 200ms;
 }
 
+/* Firefox has its own ideas about fixed positioning when a css filter is active - #4348 */
+/* https://stackoverflow.com/questions/37949942/firefox-position-bug-by-parent-with-filter */
+@-moz-document url-prefix() {
+    #content > #bar {
+        width: 100vw;
+    }
+    #content.inactive > #bar > .spacer.col4 {
+        width: 0px;
+    }
+    #content.active > #bar > .spacer.col4 {
+        width: 33.3333%;
+        transition-duration: 200ms;
+        transition-timing-function: step-end;
+    }
+}
+
 #defs {
     /* Can't be display: none or the clippaths are ignored. */
     position: absolute;