🐞 The visually impaired are doomed

[szepeviktor]

@adamlaki kidebugoltam, ha a transform-ot kikapcsolom, megjelenik a tartalom Firefox v115-ben is

Mit gondolsz?

[netlify]

‼️ Deploy request for sprucecss rejected.

Name	Link
🔨 Latest commit	d572f03

[szepeviktor]

valami van az animációval

[szepeviktor]

így van megadva az animáció

sprucecss-site-eleventy/src/scss/component/_cookie-consent.scss

Line 37 in 55cfae3

animation: slidein config('duration', $transition) forwards;

ezt a sorrendet nem találom: https://developer.mozilla.org/en-US/docs/Web/CSS/animation

[szepeviktor]

Annyira engedékeny a szabvány, hogy már zavaros.
https://developer.mozilla.org/en-US/docs/Web/CSS/animation#formal_syntax
Mi lenne, ha explicit megadnánk a 3 CSS property nevét??

animation-name: slidein;
animation-duration: config('duration', $transition);
animation-fill-mode: forwards;

[szepeviktor]

Vagy a prefers-reduced-motion-t nem támogatja a böngészőm??

@media(prefers-reduced-motion: no-preference) {
  :root{
    --spruce-duration: 0.15s;
    --spruce-timing-function: ease-in-out;
  }
}

A gépemen minden is ki van kapcsolva/le van tiltva!

FALSE ❗

Erre varrjál gombot!

[adamlaki]

Viktor, nem semmi CSS debugban vagy!

[adamlaki]

@szepeviktor raktam ki egy új verziót, nézd meg kérlek!

Ha most okés nálad, akkor találtál egy bugot.

[szepeviktor]

Fixed in 478527c

[szepeviktor]

@adamlaki Csak 1 baj van: az én reduced beállításommal is lejátssza az animációt.

[szepeviktor]

... pont azért állítottam be a Windows 10-ben, hogy minden animáció stop,
hogy ne animáljon semmit

[szepeviktor]

Lehetne úgy, hogy a "reduced-osoknak" ne animáljon?

[adamlaki]

Szuper!

Igen, mert ez csak egy átmeneti fix. A jó fix majd a spruceba kell menjen közvetlenül, felírtam. Át kell variálni a @media-queryt ami nézi a user beállítást, ide kell egy fallback, különben nem látja a változót.

Szép találat Viktor, köszi!