Browse Source
Loading state to vue and not css
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
pull/8824/head
John Molakvoæ (skjnldsv)
8 years ago
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
3 changed files with
7 additions and
6 deletions
-
settings/css/settings.scss
-
settings/js/main.js
-
settings/src/components/userList/userRow.vue
|
|
|
@ -1391,9 +1391,6 @@ doesnotexist:-o-prefocus, .strengthify-wrapper { |
|
|
|
img { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
&.icon-loading > img { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
.toggleUserActions { |
|
|
|
position: relative; |
|
|
|
|
|
|
|
@ -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" |
|
|
|
|
