You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Currently only .is-active is updated on move. This makes it difficult to use css to select slides on the edge of the viewport for fade in/out animations.
Ideally I would like to select all slides that are not hidden (do not have .is-hidden) and make them opaque, and animate slides out when .is-hidden is present.
However, using .is-hidden currently results in the slide updating after the move. Meaning the animation is slow and clunky-looking.
Currently, in order to create the faster animation.
I have to do a disgusting workaround by using the adjacent sibling operator by selecting the .is-active class. (As it is applied to the element ON move, versus after the move event.)
Which results in this extremely smelly code smell that hides the outermost slide at specific breakpoints...
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Currently only
.is-active
is updated on move. This makes it difficult to use css to select slides on the edge of the viewport for fade in/out animations.Ideally I would like to select all slides that are not hidden (do not have
.is-hidden
) and make them opaque, and animate slides out when.is-hidden
is present.However, using
.is-hidden
currently results in the slide updating after the move. Meaning the animation is slow and clunky-looking.Currently, in order to create the faster animation.
I have to do a disgusting workaround by using the adjacent sibling operator by selecting the
.is-active
class. (As it is applied to the element ON move, versus after the move event.)Which results in this extremely smelly code smell that hides the outermost slide at specific breakpoints...
I hope you agree that this code smell is smelly indeed, and perhaps point me towards a different solution, or perhaps implement my feature request? 😇
Thanks for the awesome library. Good job!
Beta Was this translation helpful? Give feedback.
All reactions