Merge pull request #276 from src-d/carousel-navigation-icons

Improves the buttons on Quotes Carousel
src-d · Aug 29, 2018 · c3b9dce · c3b9dce
2 parents 50da015 + b6e049b
commit c3b9dce
Show file tree

Hide file tree

Showing 4 changed files with 64 additions and 4 deletions.
diff --git a/static/assets/icons/carousel-next.svg b/static/assets/icons/carousel-next.svg
diff --git a/static/assets/icons/carousel-previous.svg b/static/assets/icons/carousel-previous.svg
diff --git a/static/scss/style.css b/static/scss/style.css
diff --git a/static/scss/vendor/_slick.scss b/static/scss/vendor/_slick.scss
@@ -96,7 +96,14 @@ $slick-opacity-not-active: 0.25 !default;
         right: -25px;
     }
     &:before {
-        content: "\ea40";
+        content: '';
+        background: url(../assets/icons/carousel-previous.svg);
+        width: 32px;
+        height: 32px;
+        display: inline-block;
+        opacity: 1;
+        margin-top: -10px;
+        margin-left: -32px;
         [dir="rtl"] & {
             content: $slick-next-character;
         }
@@ -110,7 +117,14 @@ $slick-opacity-not-active: 0.25 !default;
         right: auto;
     }
     &:before {
-        content: "\ea3c";
+        content: '';
+        background: url(../assets/icons/carousel-next.svg);
+        width: 32px;
+        height: 32px;
+        display: inline-block;
+        opacity: 1;
+        margin-top: -10px;
+        margin-left: 10px;
         [dir="rtl"] & {
             content: $slick-prev-character;
         }