Add smoother transitions on slider

2018-12-13 14:49:27 +01:00
parent a1737f8d93
commit 4d0c59649e
1 changed files with 2 additions and 1 deletions
--- a/packages/website/ts/@next/components/slider/slider.tsx
+++ b/packages/website/ts/@next/components/slider/slider.tsx
@@ -87,7 +87,7 @@ const StyledSlider = styled.div`
        top: calc(50% - 37px);
        border: 0;
        padding: 0;
-        transition: background-color .30s ease-in-out;
+        transition: background-color .40s ease-in-out, visibility .40s ease-in-out, opacity .40s ease-in-out;

        &:disabled {
            opacity: 0;
@@ -130,6 +130,7 @@ const StyledSlide = styled.div`
    height: 520px;
    flex: 0 0 auto;
    opacity: 0.3;
+    transition: opacity .40s ease-in-out;

    @media (max-width: 500px) {
        width: calc(100vw - 10px - 32px);