Cutlery/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-05-31 20:25:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix: Shopping List Mobile Usability (#2247)

Browse Source 
* removed handle from edit button

* added dragging delay for touch screens
This commit is contained in:
Michael Genson 2023-03-21 14:48:00 -05:00 committed by GitHub
parent f9acba34cc
commit d2134b27ba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/components/Domain/ShoppingList/ShoppingListItem.vue
View File

@ -38,7 +38,7 @@
</v-list-item> </v-list-item>
</v-list> </v-list>
</v-menu> </v-menu>
<v-btn small class="ml-2 handle" icon @click="toggleEdit(true)"> <v-btn small class="ml-2" icon @click="toggleEdit(true)">
<v-icon> <v-icon>
{{ $globals.icons.edit }} {{ $globals.icons.edit }}
</v-icon> </v-icon>

4
frontend/pages/shopping-lists/_id.vue
View File

@ -10,7 +10,7 @@
<!-- Viewer --> <!-- Viewer -->
<section v-if="!edit" class="py-2"> <section v-if="!edit" class="py-2">
<div v-if="!preferences.viewByLabel"> <div v-if="!preferences.viewByLabel">
<draggable :value="listItems.unchecked" handle=".handle" @start="loadingCounter += 1" @end="loadingCounter -= 1" @input="updateIndexUnchecked"> <draggable :value="listItems.unchecked" handle=".handle" delay="250" :delay-on-touch-only="true" @start="loadingCounter += 1" @end="loadingCounter -= 1" @input="updateIndexUnchecked">
<v-lazy v-for="(item, index) in listItems.unchecked" :key="item.id" class="my-2"> <v-lazy v-for="(item, index) in listItems.unchecked" :key="item.id" class="my-2">
<ShoppingListItem <ShoppingListItem
v-model="listItems.unchecked[index]" v-model="listItems.unchecked[index]"
@ -38,7 +38,7 @@
</span> </span>
{{ key }} {{ key }}
</div> </div>
<draggable :value="value" handle=".handle" @start="loadingCounter += 1" @end="loadingCounter -= 1" @input="updateIndexUncheckedByLabel(key, $event)"> <draggable :value="value" handle=".handle" delay="250" :delay-on-touch-only="true" @start="loadingCounter += 1" @end="loadingCounter -= 1" @input="updateIndexUncheckedByLabel(key, $event)">
<v-lazy v-for="(item, index) in value" :key="item.id" class="ml-2 my-2"> <v-lazy v-for="(item, index) in value" :key="item.id" class="ml-2 my-2">
<ShoppingListItem <ShoppingListItem
v-model="value[index]" v-model="value[index]"