diff options
author | George Tsiolis <tsiolis.g@gmail.com> | 2018-10-15 18:35:00 +0000 |
---|---|---|
committer | Clement Ho <clemmakesapps@gmail.com> | 2018-10-15 18:35:00 +0000 |
commit | 469dc95a95891e15c0c8417b8c5309ec9eb6dee5 (patch) | |
tree | 318b9261fcfb7ca9406b2b5396891cfc62b3c5f9 /app/assets/javascripts/boards/components/modal | |
parent | 0602fcb6bf0050f71e8b8f69e0328031f9386618 (diff) | |
download | gitlab-ce-469dc95a95891e15c0c8417b8c5309ec9eb6dee5.tar.gz |
Replace `<i>` in vue components with `<icon>`
Diffstat (limited to 'app/assets/javascripts/boards/components/modal')
-rw-r--r-- | app/assets/javascripts/boards/components/modal/list.vue | 10 | ||||
-rw-r--r-- | app/assets/javascripts/boards/components/modal/lists_dropdown.vue | 6 |
2 files changed, 11 insertions, 5 deletions
diff --git a/app/assets/javascripts/boards/components/modal/list.vue b/app/assets/javascripts/boards/components/modal/list.vue index a58b5afe970..c93fd9f415c 100644 --- a/app/assets/javascripts/boards/components/modal/list.vue +++ b/app/assets/javascripts/boards/components/modal/list.vue @@ -1,4 +1,5 @@ <script> + import Icon from '~/vue_shared/components/icon.vue'; import bp from '../../../breakpoints'; import ModalStore from '../../stores/modal_store'; import IssueCardInner from '../issue_card_inner.vue'; @@ -6,6 +7,7 @@ export default { components: { IssueCardInner, + Icon, }, props: { issueLinkBase: { @@ -147,13 +149,13 @@ :issue="issue" :issue-link-base="issueLinkBase" :root-path="rootPath"/> - <span + <icon v-if="issue.selected" :aria-label="'Issue #' + issue.id + ' selected'" + name="mobile-issue-close" aria-checked="true" - class="issue-card-selected text-center"> - <i class="fa fa-check"></i> - </span> + class="issue-card-selected text-center" + /> </div> </div> </div> diff --git a/app/assets/javascripts/boards/components/modal/lists_dropdown.vue b/app/assets/javascripts/boards/components/modal/lists_dropdown.vue index 4622fd28220..3baac08d411 100644 --- a/app/assets/javascripts/boards/components/modal/lists_dropdown.vue +++ b/app/assets/javascripts/boards/components/modal/lists_dropdown.vue @@ -1,11 +1,13 @@ <script> import { Link } from '@gitlab-org/gitlab-ui'; +import Icon from '~/vue_shared/components/icon.vue'; import ModalStore from '../../stores/modal_store'; import boardsStore from '../../stores/boards_store'; export default { components: { 'gl-link': Link, + Icon, }, data() { return { @@ -35,7 +37,9 @@ export default { class="dropdown-label-box"> </span> {{ selected.title }} - <i class="fa fa-chevron-down"></i> + <icon + name="chevron-down" + /> </button> <div class="dropdown-menu dropdown-menu-selectable dropdown-menu-drop-up"> <ul> |