fix(core): 🐛 add webkit prefix to backdrop filter rules

Safari needs the -webkit- prefix
StarCitizenTools · Jul 8, 2024 · 6dfc62b · 6dfc62b
1 parent 7178f6d
commit 6dfc62b
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 0 deletions.
diff --git a/resources/mixins.less b/resources/mixins.less
@@ -119,6 +119,7 @@
 		content: '';
 		background-color: var( --color-surface-0 );
 		filter: opacity( 0.9 );
+		-webkit-backdrop-filter: saturate( 50% ) blur( 16px );
 		backdrop-filter: saturate( 50% ) blur( 16px );
 	}
 }

diff --git a/resources/skins.citizen.styles/components/Dropdown.less b/resources/skins.citizen.styles/components/Dropdown.less
@@ -76,6 +76,7 @@
 				z-index: -1;
 				content: '';
 				background: var( --background-color-backdrop-light );
+				-webkit-backdrop-filter: blur( 2px );
 				backdrop-filter: blur( 2px );
 				opacity: 0;
 			}

diff --git a/resources/skins.citizen.styles/components/StickyHeader.less b/resources/skins.citizen.styles/components/StickyHeader.less
@@ -32,6 +32,7 @@
 		content: '';
 		background-color: var( --color-surface-0 );
 		filter: opacity( 0.9 );
+		-webkit-backdrop-filter: saturate( 50% ) blur( 16px );
 		backdrop-filter: saturate( 50% ) blur( 16px );
 		opacity: 0;
 		transition: var( --transition-hover );

diff --git a/skinStyles/extensions/Echo/ext.echo.special.less b/skinStyles/extensions/Echo/ext.echo.special.less
@@ -80,6 +80,7 @@
 		overflow-x: auto;
 		background-color: var( --color-surface-0 );
 		filter: opacity( 0.9 );
+		-webkit-backdrop-filter: saturate( 50% ) blur( 16px );
 		backdrop-filter: saturate( 50% ) blur( 16px );
 		border-bottom: 1px solid var( --border-color-base );
 		box-shadow: none;