diff options
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 } }"> |