Verified Commit 349566f9 authored by Tim Vis茅e's avatar Tim Vis茅e
Browse files

Highlight users bought for for half a second, improve UX

parent 9381c060
Pipeline #191374649 passed with stage
in 5 minutes and 8 seconds
......@@ -19,9 +19,9 @@
<a v-for="user in users"
v-on:click.prevent.stop="addSelected(user)"
v-bind:class="{ disabled: buying }"
v-bind:class="{ disabled: buying, active: user.active }"
href="#"
class="item">
class="green item">
{{ user.name || __('misc.unknownUser') }}
<span v-if="user.me" class="subtle">({{ __('misc.me') }})</span>
</a>
......@@ -59,6 +59,14 @@
if(this.buying)
return;
// Mark user as active for half a second
user.active = true;
this.$forceUpdate();
setTimeout(() => {
user.active = false;
this.$forceUpdate();
}, 500);
// Focus the search field for quick new searches
let searchField = document.getElementById("user-search");
searchField.focus();
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment