tzjsrt
This commit is contained in:
parent
22c2c5f318
commit
8c8b80689c
@ -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 {
|
||||||
|
|||||||
@ -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}"
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user