diff options
author | Mike Greiling <mike@pixelcog.com> | 2018-01-12 10:25:16 -0600 |
---|---|---|
committer | Mike Greiling <mike@pixelcog.com> | 2018-01-12 10:25:16 -0600 |
commit | 5d44441836945653cd03c8fb37d36c23526d0be5 (patch) | |
tree | 22df67c0e45a0c45309170e2bfb5ae3ec36f0e72 | |
parent | 2525513cfd0ac538e7ac8e7a82e70137e54105d0 (diff) | |
download | gitlab-ce-5d44441836945653cd03c8fb37d36c23526d0be5.tar.gz |
change notification bell icon from font-awesome to gitlab svg
-rw-r--r-- | app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue | 18 |
1 files changed, 10 insertions, 8 deletions
diff --git a/app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue b/app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue index ba0223cad2e..104c4b14264 100644 --- a/app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue +++ b/app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue @@ -1,9 +1,11 @@ <script> import eventHub from '../../event_hub'; + import icon from '../../../vue_shared/components/icon.vue'; import toggleButton from '../../../vue_shared/components/toggle_button.vue'; export default { components: { + icon, toggleButton, }, props: { @@ -27,6 +29,9 @@ showLoadingState() { return this.subscribed === null || this.loading; }, + notificationIcon() { + return this.subscribed ? 'notifications' : 'notifications-off'; + }, }, methods: { toggleSubscription() { @@ -39,15 +44,12 @@ <template> <div> <div class="sidebar-collapsed-icon"> - <i - class="fa" - :class="{ - 'fa-bell': subscribed, - 'fa-bell-slash': !subscribed, - }" + <icon + :name="notificationIcon" + :size="16" aria-hidden="true" - > - </i> + class="sidebar-item-icon is-active" + /> </div> <span class="issuable-header-text hide-collapsed pull-left"> {{ __('Notifications') }} |