diff --git a/website/client/components/groups/groupFormModal.vue b/website/client/components/groups/groupFormModal.vue index 8e092aae4d..730a9e712b 100644 --- a/website/client/components/groups/groupFormModal.vue +++ b/website/client/components/groups/groupFormModal.vue @@ -77,8 +77,8 @@ v-if='group.key !== "habitica_official" || user.contributor.admin' ) .custom-control.custom-checkbox - input.custom-control-input(:id="group.key", type="checkbox", :value="group.key", v-model="workingGroup.categories") - label.custom-control-label(v-once, :for="group.key") {{ $t(group.label) }} + input.custom-control-input(:id="`category-${group.key}`", type="checkbox", :value="group.key", v-model="workingGroup.categories") + label.custom-control-label(v-once, :for="`category-${group.key}`") {{ $t(group.label) }} button.btn.btn-primary(@click.prevent="toggleCategorySelect") {{$t('close')}} // @TODO: need categories only for PUBLIC GUILDS, not for tavern, private guilds, or party diff --git a/website/client/components/ui/drawerSlider.vue b/website/client/components/ui/drawerSlider.vue index b2565efafa..b3284f27b2 100644 --- a/website/client/components/ui/drawerSlider.vue +++ b/website/client/components/ui/drawerSlider.vue @@ -4,13 +4,13 @@ ) div.slider-button-area.left-button( v-if="scrollButtonsVisible", - @mousedown.left="shiftLeft" + @mousedown.left="shiftRight" ) a.slider-button .svg-icon(v-html="icons.previous") div.slider-button-area.right-button( v-if="scrollButtonsVisible", - @mousedown.left="shiftRight" + @mousedown.left="shiftLeft" ) a.slider-button .svg-icon(v-html="icons.next") @@ -127,7 +127,7 @@ let itemsPerPage = this.itemsPerPage(); let firstSlice = items.slice(pointer, pointer + itemsPerPage); - if (firstSlice.length === itemsPerPage) { + if (firstSlice.length === itemsPerPage || items.length < itemsPerPage ) { return firstSlice; } else { let getRemainderItems = itemsPerPage - firstSlice.length;