fix(RainbowLayouts): disbaled for firefox -> tracking bugzilla

Author: sm17p

.changeset/soft-experts-itch.md

@@ -0,0 +1,5 @@
+---
+"amgiflol": patch
+---
+
+fix: temp disable rainbow layouts for firefox

src/lib/modules/Toolbar/index.svelte

@@ -29,6 +29,9 @@
 	const trackersStore = getContext<TrackersStore>("trackersStore");
 	const uiStore = getContext<UIStore>("uiStore");
 
+	const disableForFirefox = !import.meta.env.DEV &&
+		import.meta.env.FIREFOX;
+
 	const trackers = trackersStore;
 
 	let designModePressed = $state(false);
@@ -208,9 +211,12 @@
 					class="bg-neutral-200 -my-1 mx-1 w-0.5 self-stretch"
 				/>
 				<ToolbarAction
+					disabled={disableForFirefox}
 					pressed={uiStore.rainbowLayout.enabled}
 					onPressedChange={uiStore.toggleRainbowLayout}
-					label="Rainbow Layouts"
+					label={disableForFirefox
+						? "Chrome only for now!"
+						: "Rainbow Layouts"}
 					shortcut="6"
 				>
 					<Rainbow absoluteStrokeWidth class="size-6" />

src/lib/store/UIStore.svelte.ts

@@ -43,7 +43,13 @@ export class UIStore implements App.UIStore {
 		this.toggleRainbowLayout = this.toggleRainbowLayout.bind(this);
 		// Setup rainbow layout stylesheet
 		this.rainbowLayout.css!.replace(rainbowLayoutCss);
-		document.adoptedStyleSheets.push(this.rainbowLayout.css!);
+
+		// https://bugzilla.mozilla.org/show_bug.cgi?id=1751346
+		// https://bugzilla.mozilla.org/show_bug.cgi?id=1817675
+		// https://bugzilla.mozilla.org/show_bug.cgi?id=1928865
+		if (!import.meta.env.FIREFOX) {
+			document.adoptedStyleSheets.push(this.rainbowLayout.css!);
+		}
 
 		$effect(() => {
 			const cleanup = createMessageHandler("KEYDOWN", this.handleKeyDown);
@@ -145,6 +151,10 @@ export class UIStore implements App.UIStore {
 	}
 
 	toggleRainbowLayout = () => {
+		if (
+			!import.meta.env.DEV &&
+			import.meta.env.FIREFOX
+		) return;
 		this.rainbowLayout.css!.disabled = this.rainbowLayout.enabled;
 		this.rainbowLayout.enabled = !this.rainbowLayout.enabled;
 	};