diff options
| author | Henry Jameson <me@hjkos.com> | 2018-06-19 16:17:50 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-07-06 20:12:09 +0300 |
| commit | 8ccebbe1564fe76b376eee83ad985b934edcbfa9 (patch) | |
| tree | 0d058c52b460d4647ddfae046695a2470f4e2be7 /src/components/user_card_content/user_card_content.vue | |
| parent | fa8c221f3a6f9b1421e29aa014304576810a08e6 (diff) | |
both bugs fixed. it's reactive and no more conflicting cards
Diffstat (limited to 'src/components/user_card_content/user_card_content.vue')
| -rw-r--r-- | src/components/user_card_content/user_card_content.vue | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index 7d48870b..c7a270f1 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -9,9 +9,10 @@ <i class="icon-link-ext usersettings"></i> </a> <div class="floater" v-if="switcher || isOtherUser"> - <input type="checkbox" id="userHighlightCheck" v-model="userHighlightEnabled"> - <label :title="$t('settings.highlight')" for="userHighlightCheck"></label> - <input type="color" id="userHighlightColor" v-if="userHighlightLocal" v-model="userHighlightColor"/> + <!-- id's need to be unique, otherwise vue confuses which user-card checkbox belongs to --> + <input type="color" :id="'userHighlightColor'+user.id" v-if="userHighlightEnabled" v-model="userHighlightColor"/> + <input type="checkbox" class="button" :id="'userHighlightCheck'+user.id" v-model="userHighlightEnabled"> + <label :title="$t('settings.highlight')" :for="'userHighlightCheck'+user.id"></label> </div> <div class='container'> <router-link :to="{ name: 'user-profile', params: { id: user.id } }"> |