mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-04 21:58:54 -05:00
Code Issues Packages Projects Releases Wiki Activity

reactivated shopping list swipe only on food name

Browse Source
This commit is contained in:
Kaibu
2022-06-15 15:56:18 +02:00
parent 3427f7bbea
commit 2ae3e7f5b9
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
vue/src/components/ShoppingLineItem.vue
View File

@@ -1,7 +1,5 @@
<template> <template>
<div id="shopping_line_item" class="pt-1"> <div id="shopping_line_item" class="pt-1">
<!-- v-touch:start="startHandler" v-touch:moving="moveHandler" v-touch:end="endHandler" -->
<b-row align-h="start" <b-row align-h="start"
ref="shopping_line_item" class="invis-border"> ref="shopping_line_item" class="invis-border">
<b-col cols="2" md="2" class="justify-content-start align-items-center d-flex d-md-none pr-0" <b-col cols="2" md="2" class="justify-content-start align-items-center d-flex d-md-none pr-0"
@@ -46,7 +44,8 @@
</div> </div>
</b-col> </b-col>
<b-col cols="6" md="6" class="align-items-center d-flex pl-0 pr-0 pl-md-2 pr-md-2"> <b-col cols="6" md="6" class="align-items-center d-flex pl-0 pr-0 pl-md-2 pr-md-2"
v-touch:start="startHandler" v-touch:moving="moveHandler" v-touch:end="endHandler">
{{ formatFood }} {{ formatFood }}
</b-col> </b-col>
<b-col cols="3" data-html2canvas-ignore="true" <b-col cols="3" data-html2canvas-ignore="true"
@@ -55,7 +54,9 @@
class="p-0 mr-0 mr-md-2 p-md-2 text-decoration-none" variant="link"> class="p-0 mr-0 mr-md-2 p-md-2 text-decoration-none" variant="link">
<div class="text-nowrap"> <div class="text-nowrap">
<i class="fa fa-chevron-right rotate" :class="showDetails ? 'rotated' : ''"></i> <i class="fa fa-chevron-right rotate" :class="showDetails ? 'rotated' : ''"></i>
<span class="d-none d-md-inline-block"><span class="ml-2">{{ $t("Details") }}</span></span> <span class="d-none d-md-inline-block"><span class="ml-2">{{
$t("Details")
}}</span></span>
</div> </div>
</b-button> </b-button>
</b-col> </b-col>
@@ -318,7 +319,6 @@ export default {
} else { } else {
item.parentElement.parentElement.style.backgroundColor = 'rgba(185,135,102,0)'.replace(/[^,]+(?=\))/, color_factor) item.parentElement.parentElement.style.backgroundColor = 'rgba(185,135,102,0)'.replace(/[^,]+(?=\))/, color_factor)
delay_icon.style.display = "block" delay_icon.style.display = "block"
console.log(item.parentElement.parentElement.clientWidth)
delay_icon.style.left = this.getOffset(item.parentElement.parentElement).right - 40 delay_icon.style.left = this.getOffset(item.parentElement.parentElement).right - 40
delay_icon.style.top = this.getOffset(item.parentElement.parentElement).top - 92 delay_icon.style.top = this.getOffset(item.parentElement.parentElement).top - 92
delay_icon.style.opacity = color_factor - 0.3 delay_icon.style.opacity = color_factor - 0.3
@@ -457,14 +457,14 @@ export default {
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.fa-ellipsis-v { .fa-ellipsis-v {
font-size: 20px; font-size: 20px;
} }
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.fa-ellipsis-v { .fa-ellipsis-v {
font-size: 16px; font-size: 16px;
} }
} }
</style> </style>