fix(FallbackBadge): only relative tooltip if backdrop-filter css

2 files changed, 4 insertions, 1 deletions

diff --git a/src/lib/User/BadgeWall/Badges.svelte b/src/lib/User/BadgeWall/Badges.svelte
index 4a73b06c..a765740d 100644
--- a/src/lib/User/BadgeWall/Badges.svelte
+++ b/src/lib/User/BadgeWall/Badges.svelte
@@ -85,6 +85,7 @@
 							style={badge.hidden || badge.shadow_hidden
 								? 'filter: grayscale(100%); opacity: 50%;'
 								: ''}
+							{preferences}
 						/>
 					{/if}
 				</div>
diff --git a/src/lib/User/BadgeWall/FallbackBadge.svelte b/src/lib/User/BadgeWall/FallbackBadge.svelte
index 8317b2e0..55412aa5 100644
--- a/src/lib/User/BadgeWall/FallbackBadge.svelte
+++ b/src/lib/User/BadgeWall/FallbackBadge.svelte
@@ -7,6 +7,7 @@
 	import { databaseTimeToDate } from '../../Utility/time';
 	import { cubicOut } from 'svelte/easing';
 	import { dev } from '$app/environment';
+	import type { UserPreferences } from '$lib/Database/userPreferences';
 
 	export let source: string | null | undefined;
 	export let alternative: string | null | undefined;
@@ -20,6 +21,7 @@
 	export let selectedBadge: Badge | null = null;
 	export let awc = false;
 	export let index: number | null = null;
+	export let preferences: UserPreferences;
 
 	let replaceCount = 0;
 	let badgeReference: HTMLImageElement;
@@ -72,7 +74,7 @@
 		}`}
 		pin={`badge-${awc ? index : badge.id}`}
 		pinPosition="top"
-		relative
+		relative={preferences.badge_wall_css.includes('backdrop-filter')}
 	>
 		<a
 			href={awc ? badgeToAny(badge).link : '#'}