This commit is contained in:
cay 2026-04-12 18:48:59 +01:00
parent 22c2c5f318
commit 8c8b80689c
2 changed files with 4 additions and 12 deletions

View File

@ -413,12 +413,12 @@ body {
border-radius: calc(var(--s) * 9); border-radius: calc(var(--s) * 9);
border: 2px dashed rgba(255, 215, 80, 0.35); border: 2px dashed rgba(255, 215, 80, 0.35);
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(4px); /* backdrop-filter BEWUSST ENTFERNT erzeugt GPU-Compositing-Ebene
die position:absolute-Kinder verschluckt (Browser-Bug) */
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
/* 'all' würde backdrop-filter/background mitanimieren und Flicker erzeugen */
transition: transition:
border-color 0.2s ease, border-color 0.2s ease,
transform 0.2s ease, transform 0.2s ease,
@ -725,13 +725,11 @@ body {
} }
/* Hand-Slot: Karte ist drin /* Hand-Slot: Karte ist drin
- backdrop-filter weg (kein Frosted-Glass-Schleier) - background transparent damit der dunkle Slot-Hintergrund nicht durchscheint
- background weg (kein dunkler Durchschein) - overflow:hidden clippt das absolute img auf den border-radius
- overflow:hidden clippt das absolute-img auf den border-radius
- ::before Gradient-Overlay ausblenden */ - ::before Gradient-Overlay ausblenden */
.hand-slot.hand-slot--filled { .hand-slot.hand-slot--filled {
background: transparent !important; background: transparent !important;
backdrop-filter: none !important;
overflow: hidden !important; overflow: hidden !important;
} }
.hand-slot.hand-slot--filled::before { .hand-slot.hand-slot--filled::before {

View File

@ -430,10 +430,7 @@
if (!state) { if (!state) {
// Inline-Styles aus dem Karten-Render wieder entfernen // Inline-Styles aus dem Karten-Render wieder entfernen
slot.style.background = ""; slot.style.background = "";
slot.style.backdropFilter = "";
slot.style.webkitBackdropFilter = "";
slot.style.overflow = ""; slot.style.overflow = "";
slot.style.padding = "";
slot.innerHTML = '<span class="hs-icon">🃏</span>'; slot.innerHTML = '<span class="hs-icon">🃏</span>';
slot.classList.remove("hand-slot-ready", "hand-slot--filled"); slot.classList.remove("hand-slot-ready", "hand-slot--filled");
slot.draggable = false; slot.draggable = false;
@ -469,10 +466,7 @@
// Slot direkt stylen umgeht Compositing-Probleme von backdrop-filter // Slot direkt stylen umgeht Compositing-Probleme von backdrop-filter
slot.style.background = "transparent"; slot.style.background = "transparent";
slot.style.backdropFilter = "none";
slot.style.webkitBackdropFilter = "none";
slot.style.overflow = "hidden"; slot.style.overflow = "hidden";
slot.style.padding = "0";
slot.innerHTML = card.image slot.innerHTML = card.image
? `<img src="/images/cards/${card.image}" ? `<img src="/images/cards/${card.image}"