Skip to content

Commit

Permalink
Use svg icons for left and right year group arrows in navigation pane.
Browse files Browse the repository at this point in the history
…Closes #69.
  • Loading branch information
Nathan Reyes committed Feb 14, 2018
1 parent 9b9a014 commit 82b4c73
Show file tree
Hide file tree
Showing 3 changed files with 13 additions and 7 deletions.
4 changes: 4 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -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`
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -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",
Expand Down
14 changes: 8 additions & 6 deletions src/components/CalendarNav.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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'>
Expand Down

0 comments on commit 82b4c73

Please sign in to comment.