From 2b01223efc1328dca0d7fc01b9c7c745b49c7dd5 Mon Sep 17 00:00:00 2001
From: MMP0 <28616020+MMP0@users.noreply.github.com>
Date: Thu, 22 Feb 2024 09:16:24 +0900
Subject: [PATCH] Older browser support

---
 js/gallery/shared/Gallery.svelte | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/js/gallery/shared/Gallery.svelte b/js/gallery/shared/Gallery.svelte
index cc80dd7aa61e4..05602ba5bec30 100644
--- a/js/gallery/shared/Gallery.svelte
+++ b/js/gallery/shared/Gallery.svelte
@@ -347,11 +347,21 @@
 		border-radius: calc(var(--block-radius) - var(--block-border-width));
 		-webkit-backdrop-filter: blur(8px);
 		backdrop-filter: blur(8px);
-		background: var(--background-fill-primary);
-		background: color-mix(in srgb, var(--background-fill-primary) 90%, transparent);
 		height: var(--size-full);
 	}
 
+	.preview::before {
+		content: "";
+		position: absolute;
+		top: 0px;
+		right: 0px;
+		bottom: 0px;
+		left: 0px;
+		z-index: var(--layer-below);
+		background: var(--background-fill-primary);
+		opacity: 0.9;
+	}
+
 	.fixed-height {
 		min-height: var(--size-80);
 		max-height: 55vh;