Merge pull request #2181 from lisafra/update-carousel

Update carousel component: add loop and radiusDot property
2017-10-24 21:44:41 -05:00 · 2017-10-24 21:44:41 -05:00 · 69460a549c
commit 69460a549c
parent 8711920b2e 610fd3a500
4 changed files with 110 additions and 19 deletions
--- a/src/styles/components/carousel.less
+++ b/src/styles/components/carousel.less
@ -31,6 +31,9 @@
        overflow: hidden;

        z-index: 1;
+        &.higher {
+            z-index: 2;
+        }
    }

    &-item {
@ -159,6 +162,11 @@
                color: transparent;

                transition: all .5s;
+                &.radius {
+                    width: 6px;
+                    height: 6px;
+                    border-radius: 50%;
+                }
            }

            &:hover > button {
@ -168,6 +176,9 @@
            &.@{carousel-prefix-cls}-active > button {
                opacity: 1;
                width: 24px;
+                &.radius{
+                    width: 6px;
+                }
            }
        }
    }