Use svg icons for left and right year group arrows in navigation pane. …

…Closes #69.
nathanreyes · Feb 14, 2018 · 82b4c73 · 82b4c73
1 parent 9b9a014
commit 82b4c73
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+#0.6.3
+## Bug Fixes
+Use svg icons for left and right year group arrows in navigation pane. Closes #69.
+
 #v0.6.2
 ## Bug Fixes
 `v-calendar`

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "v-calendar",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "description": "A clean and extendable plugin for building simple attributed calendars in Vue.js.",
   "keywords": [
     "vue",

diff --git a/src/components/CalendarNav.vue b/src/components/CalendarNav.vue
@@ -62,23 +62,25 @@
     v-if='mode_ === "year"'>
     <div class='c-header'>
       <!--Previous year group button-->
-      <span
-        class='c-arrow vc-angle-left'
+      <svg-icon
+        :glyph='angleLeft'
+        class='c-arrow'
         :class='{ "c-disabled": !canMovePrevYearGroup }'
         @click='yearGroupIndex--'>
-      </span>
+      </svg-icon>
       <!--Mode switch button-->
       <span
         class='c-title'
         @click='selectMode("month")'>
         {{ firstYear }} - {{ lastYear }}
       </span>
       <!--Next year group button-->
-      <span
-        class='c-arrow vc-angle-right'
+      <svg-icon
+        :glyph='angleRight'
+        class='c-arrow'
         :class='{ "c-disabled": !canMoveNextYearGroup }'
         @click='yearGroupIndex++'>
-      </span>
+      </svg-icon>
     </div>
     <!--Years table-->
     <table class='c-table'>