diff options
author | Kushal Pandya <kushal@gitlab.com> | 2017-12-28 11:04:50 +0530 |
---|---|---|
committer | Kushal Pandya <kushal@gitlab.com> | 2017-12-28 11:04:50 +0530 |
commit | bed16f4828233733cb56f1cd668b0c41780238b0 (patch) | |
tree | d8154bbd7bf08fe2b03e003b0bc7a755e54156dd /app/assets/javascripts/groups | |
parent | 1d2b822993e5e3023b68b472966b6cce1491d3ff (diff) | |
download | gitlab-ce-bed16f4828233733cb56f1cd668b0c41780238b0.tar.gz |
Use SVG sprite icons
Diffstat (limited to 'app/assets/javascripts/groups')
-rw-r--r-- | app/assets/javascripts/groups/components/item_caret.vue | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/app/assets/javascripts/groups/components/item_caret.vue b/app/assets/javascripts/groups/components/item_caret.vue index 959b984816f..9e90fe2b701 100644 --- a/app/assets/javascripts/groups/components/item_caret.vue +++ b/app/assets/javascripts/groups/components/item_caret.vue @@ -1,4 +1,6 @@ <script> +import icon from '~/vue_shared/components/icon.vue'; + export default { props: { isGroupOpen: { @@ -7,9 +9,12 @@ export default { default: false, }, }, + components: { + icon, + }, computed: { iconClass() { - return this.isGroupOpen ? 'fa-caret-down' : 'fa-caret-right'; + return this.isGroupOpen ? 'angle-down' : 'angle-right'; }, }, }; @@ -17,9 +22,9 @@ export default { <template> <span class="folder-caret"> - <i - :class="iconClass" - class="fa" - aria-hidden="true"/> + <icon + :size="12" + :name="iconClass" + /> </span> </template> |