Loading state to vue and not css

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2018-04-09 16:11:41 +02:00
parent f33065523d
commit 82e1f182c8
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
3 changed files with 7 additions and 6 deletions

View File

@ -1391,9 +1391,6 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
img {
display: block;
}
&.icon-loading > img {
display: none;
}
}
.toggleUserActions {
position: relative;

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,10 @@
<template>
<div class="row" :class="{'disabled': loading.delete || loading.disable}">
<div class="avatar" :class="{'icon-loading': loading.delete || loading.disable}"><img alt="" width="32" height="32" :src="generateAvatar(user.id, 32)" :srcset="generateAvatar(user.id, 64)+' 2x, '+generateAvatar(user.id, 128)+' 4x'"></div>
<div class="avatar" :class="{'icon-loading-small': loading.delete || loading.disable}">
<img alt="" width="32" height="32" :src="generateAvatar(user.id, 32)"
:srcset="generateAvatar(user.id, 64)+' 2x, '+generateAvatar(user.id, 128)+' 4x'"
v-if="!loading.delete && !loading.disable">
</div>
<div class="name">{{user.id}}</div>
<form class="displayName" :class="{'icon-loading-small': loading.displayName}" v-on:submit.prevent="updateDisplayName">
<input :id="'displayName'+user.id+rand" type="text"