nitrix/fete
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Projects Releases 13 Wiki Activity

Remove manual -webkit-backdrop-filter prefixes

Browse Source 
LightningCSS (Vite 8) was stripping the unprefixed backdrop-filter when
it saw the manual -webkit- prefix, breaking blur effects in Firefox and
on production. Let LightningCSS handle prefixing automatically.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
nitrix
2026-03-13 17:03:33 +01:00
parent 3b4cc7fbb9
commit e9791de4e2
5 changed files with 0 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/assets/main.css
View File

@@ -244,7 +244,6 @@ textarea.form-field {
border: 1px solid var(--color-glass-border); border: 1px solid var(--color-glass-border);
box-shadow: var(--shadow-card); box-shadow: var(--shadow-card);
backdrop-filter: blur(16px); backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
} }
.glass:hover:not(input):not(textarea):not(.btn-primary) { .glass:hover:not(input):not(textarea):not(.btn-primary) {
@@ -256,7 +255,6 @@ textarea.form-field {
.glass-inner { .glass-inner {
background: var(--color-glass-inner); background: var(--color-glass-inner);
backdrop-filter: blur(16px); backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
} }
/* Glow border: conic gradient wrapper with halo (static) */ /* Glow border: conic gradient wrapper with halo (static) */

1
frontend/src/components/BottomSheet.vue
View File

@@ -107,7 +107,6 @@ function onTouchEnd() {
border: 1px solid var(--color-glass-border); border: 1px solid var(--color-glass-border);
border-bottom: none; border-bottom: none;
backdrop-filter: blur(24px); backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;
padding: var(--spacing-lg) var(--spacing-xl) var(--spacing-2xl); padding: var(--spacing-lg) var(--spacing-xl) var(--spacing-2xl);
width: 100%; width: 100%;

1
frontend/src/components/ConfirmDialog.vue
View File

@@ -87,7 +87,6 @@ watch(
background: linear-gradient(135deg, var(--color-glass-strong) 0%, var(--color-glass-subtle) 100%); background: linear-gradient(135deg, var(--color-glass-strong) 0%, var(--color-glass-subtle) 100%);
border: 1px solid var(--color-glass-border); border: 1px solid var(--color-glass-border);
backdrop-filter: blur(24px); backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
border-radius: var(--radius-card); border-radius: var(--radius-card);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
padding: var(--spacing-xl); padding: var(--spacing-xl);

2
frontend/src/components/RsvpBar.vue
View File

@@ -154,7 +154,6 @@ watch(expanded, (isExpanded) => {
background: linear-gradient(135deg, var(--color-glass-strong) 0%, var(--color-glass-subtle) 100%); background: linear-gradient(135deg, var(--color-glass-strong) 0%, var(--color-glass-subtle) 100%);
border: 1px solid var(--color-glass-border); border: 1px solid var(--color-glass-border);
backdrop-filter: blur(16px); backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border-radius: var(--radius-card); border-radius: var(--radius-card);
padding: var(--spacing-md) var(--spacing-lg); padding: var(--spacing-md) var(--spacing-lg);
box-shadow: var(--shadow-card); box-shadow: var(--shadow-card);
@@ -206,7 +205,6 @@ watch(expanded, (isExpanded) => {
background: linear-gradient(135deg, var(--color-glass-strong) 0%, var(--color-glass-subtle) 100%); background: linear-gradient(135deg, var(--color-glass-strong) 0%, var(--color-glass-subtle) 100%);
border: 1px solid var(--color-glass-border); border: 1px solid var(--color-glass-border);
backdrop-filter: blur(16px); backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
transition: background 0.15s ease; transition: background 0.15s ease;

1
frontend/src/views/EventDetailView.vue
View File

@@ -496,7 +496,6 @@ onMounted(fetchEvent)
background: linear-gradient(135deg, var(--color-glass-strong) 0%, var(--color-glass-subtle) 100%); background: linear-gradient(135deg, var(--color-glass-strong) 0%, var(--color-glass-subtle) 100%);
border: 1px solid var(--color-glass-border); border: 1px solid var(--color-glass-border);
backdrop-filter: blur(16px); backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
} }
.detail__meta-text { .detail__meta-text {