cgiacofei/TandoorRecipes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: recipe's step header out of view on mobile in edit mode

Browse Source
This commit is contained in:
Oleh Astappiev
2022-05-29 16:56:13 +02:00
parent 932e7c8912
commit 3478ff17f8
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
vue/src/apps/RecipeEditView/RecipeEditView.vue
View File

@ -185,14 +185,14 @@
<div class="card-body pr-2 pl-2 pr-md-5 pl-md-5" :id="`id_card_step_${step_index}`"> <div class="card-body pr-2 pl-2 pr-md-5 pl-md-5" :id="`id_card_step_${step_index}`">
<!-- step card header --> <!-- step card header -->
<div class="row"> <div class="row">
<div class="col-11"> <div class="col">
<h4 class="handle" :id="'id_step_' + step_index"> <h4 class="handle" :id="'id_step_' + step_index">
<i class="fas fa-paragraph"></i> <i class="fas fa-paragraph"></i>
<template v-if="step.name !== ''">{{ step.name }}</template> <template v-if="step.name !== ''">{{ step.name }}</template>
<template v-else>{{ $t("Step") }} {{ step_index + 1 }}</template> <template v-else>{{ $t("Step") }} {{ step_index + 1 }}</template>
</h4> </h4>
</div> </div>
<div class="col-1" style="text-align: right"> <div class="col-auto" style="text-align: right">
<a class="btn shadow-none btn-lg" href="#" role="button" id="dropdownMenuLink" <a class="btn shadow-none btn-lg" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-ellipsis-v text-muted"></i> <i class="fas fa-ellipsis-v text-muted"></i>