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

---
 js/gallery/shared/Gallery.svelte | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/js/gallery/shared/Gallery.svelte b/js/gallery/shared/Gallery.svelte
index cc80dd7aa61e4..7e0c452e24b40 100644
--- a/js/gallery/shared/Gallery.svelte
+++ b/js/gallery/shared/Gallery.svelte
@@ -338,17 +338,22 @@
 	.preview {
 		display: flex;
 		position: absolute;
-		top: 0px;
-		right: 0px;
-		bottom: 0px;
-		left: 0px;
 		flex-direction: column;
 		z-index: var(--layer-2);
 		border-radius: calc(var(--block-radius) - var(--block-border-width));
 		-webkit-backdrop-filter: blur(8px);
 		backdrop-filter: blur(8px);
+		width: var(--size-full);
+		height: var(--size-full);
+	}
+
+	.preview::before {
+		content: "";
+		position: absolute;
+		z-index: var(--layer-below);
 		background: var(--background-fill-primary);
-		background: color-mix(in srgb, var(--background-fill-primary) 90%, transparent);
+		opacity: 0.9;
+		width: var(--size-full);
 		height: var(--size-full);
 	}