Mastodon
/
Whalebird-desktop-client-mac-linux-windows
mirror of https://github.com/h3poteto/whalebird-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

Remove spinner after image has been loaded 

This fixes transparent images that still show the spinner beneath them
after they've been loaded successfully.
This commit is contained in:
L. E. Segovia 2018-11-22 15:09:03 +00:00
parent 73a0f8bec1
commit 0837765bca
No known key found for this signature in database
GPG Key ID: D5D1DC48B52B7AD5
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/renderer/components/atoms/FailoverImg.vue
View File

@ -4,6 +4,8 @@
:title="title" :title="title"
:alt="alt" :alt="alt"
v-on:error="failover" v-on:error="failover"
v-on:load="loading = false"
:class="loading ? 'loading' : ''"
@click="$emit('click')" /> @click="$emit('click')" />
</template> </template>
@ -46,11 +48,14 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
img { img {
min-width: 20px; min-width: 1em;
min-height: 20px; min-height: 1em;
background-image: url("../../assets/images/loading-spinner.svg");
&.loading {
background-image: url("../../images/loading-spinner.svg");
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
} }
}
</style> </style>