diff options
Diffstat (limited to 'app/assets/javascripts/boards/toggle_focus.js')
-rw-r--r-- | app/assets/javascripts/boards/toggle_focus.js | 13 |
1 files changed, 5 insertions, 8 deletions
diff --git a/app/assets/javascripts/boards/toggle_focus.js b/app/assets/javascripts/boards/toggle_focus.js index e60e7059192..fa13d3a9e3c 100644 --- a/app/assets/javascripts/boards/toggle_focus.js +++ b/app/assets/javascripts/boards/toggle_focus.js @@ -1,13 +1,15 @@ import $ from 'jquery'; import Vue from 'vue'; -import collapseIcon from './icons/fullscreen_collapse.svg'; -import expandIcon from './icons/fullscreen_expand.svg'; +import { GlIcon } from '@gitlab/ui'; export default (ModalStore, boardsStore) => { const issueBoardsContent = document.querySelector('.content-wrapper > .js-focus-mode-board'); return new Vue({ el: document.getElementById('js-toggle-focus-btn'), + components: { + GlIcon, + }, data: { modal: ModalStore.store, store: boardsStore.state, @@ -32,12 +34,7 @@ export default (ModalStore, boardsStore) => { title="Toggle focus mode" ref="toggleFocusModeButton" @click="toggleFocusMode"> - <span v-show="isFullscreen"> - ${collapseIcon} - </span> - <span v-show="!isFullscreen"> - ${expandIcon} - </span> + <gl-icon :name="isFullscreen ? 'minimize' : 'maximize'" /> </a> </div> `, |