lightcordwarez
/
BetterDiscordApp-v2
mirror of https://github.com/JsSucks/BetterDiscordApp
1
0
Fork 0
Code Issues 3 Releases Wiki Activity

Styles for update check

This commit is contained in:
Jiiks 2018-02-14 22:02:12 +02:00
parent b51e675291
commit 2962d1fc9f
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
client/src/styles/partials/bdsettings/button.scss
View File

@ -13,9 +13,9 @@
top: 27px;
}
.platform-linux & {
top: 0;
}
.platform-linux & {
top: 0;
}
.bd-settings-button-btn {
background-image: $logoSmallBw;
@ -38,6 +38,11 @@
&.bd-loading {
animation: bd-settings-button-pulse 1.5s infinite;
}
&.bd-updates {
filter: hue-rotate(250deg) !important;
opacity: 1 !important;
}
}
&.bd-active {

8
client/src/ui/components/BdSettingsWrapper.vue
View File

@ -11,7 +11,9 @@
<template>
<div class="bd-settings-wrapper" :class="[{active: active}, 'platform-' + this.platform]">
<div class="bd-settings-button" :class="{'bd-active': active}" @click="showSettings">
<div class="bd-settings-button-btn" :class="[{'bd-loading': !loaded}]"></div>
<div v-if="updating === 0" v-tooltip.right="'Checking for updates'" class="bd-settings-button-btn bd-loading"></div>
<div v-else-if="updating === 2" v-tooltip.right="'Updates available!'" class="bd-settings-button-btn bd-updates"></div>
<div v-else class="bd-settings-button-btn" :class="[{'bd-loading': !loaded}]"></div>
</div>
<BdSettings :active="active" :close="hideSettings" />
</div>
@ -25,6 +27,7 @@
data() {
return {
loaded: false,
updating: false,
active: false,
platform: global.process.platform
}
@ -49,6 +52,9 @@
},
created() {
Events.on('ready', e => this.loaded = true);
Events.on('update-check-start', e => this.updating = 0);
Events.on('update-check-end', e => this.updating = 1);
Events.on('updates-available', e => this.updating = 2);
window.addEventListener('keyup', this.keyupListener);
},
destroyed() {