imprioved recipe print view

This commit is contained in:
vabene1111 2021-06-13 17:04:52 +02:00
parent 24e4ea354d
commit 0b3e86f6fd
6 changed files with 8 additions and 8 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -135,7 +135,7 @@
<add-recipe-to-book :recipe="recipe"></add-recipe-to-book> <add-recipe-to-book :recipe="recipe"></add-recipe-to-book>
<div class="row text-center" style="margin-top: 3vh; margin-bottom: 3vh" v-if="share_uid !== ''"> <div class="row text-center d-print-none" style="margin-top: 3vh; margin-bottom: 3vh" v-if="share_uid !== ''">
<div class="col col-md-12"> <div class="col col-md-12">
<a :href="resolveDjangoUrl('view_report_share_abuse', share_uid)" >{{$t('Report Abuse')}}</a> <a :href="resolveDjangoUrl('view_report_share_abuse', share_uid)" >{{$t('Report Abuse')}}</a>
</div> </div>

View File

@ -7,7 +7,7 @@
</td> </td>
</template> </template>
<template v-else> <template v-else>
<td> <td class="d-print-none">
<i class="far fa-check-circle text-success" v-if="ingredient.checked"></i> <i class="far fa-check-circle text-success" v-if="ingredient.checked"></i>
<i class="far fa-check-circle text-primary" v-if="!ingredient.checked"></i> <i class="far fa-check-circle text-primary" v-if="!ingredient.checked"></i>
</td> </td>
@ -31,7 +31,7 @@
</span> </span>
<div class="d-none d-print-block"> <div class="d-none d-print-block">
<i class="far fa-comment-alt"></i> {{ ingredient.note }} <i class="far fa-comment-alt d-print-none"></i> {{ ingredient.note }}
</div> </div>
</div> </div>
</td> </td>

View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div class="dropdown"> <div class="dropdown d-print-none">
<a class="btn shadow-none" href="#" role="button" id="dropdownMenuLink" <a class="btn shadow-none" 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"></i> <i class="fas fa-ellipsis-v"></i>

View File

@ -22,7 +22,7 @@
</div> </div>
<div class="col col-md-4" style="text-align: right"> <div class="col col-md-4" style="text-align: right">
<b-button @click="details_visible = !details_visible" style="border: none; background: none" <b-button @click="details_visible = !details_visible" style="border: none; background: none"
class="shadow-none" :class="{ 'text-primary': details_visible, 'text-success': !details_visible}"> class="shadow-none d-print-none" :class="{ 'text-primary': details_visible, 'text-success': !details_visible}">
<i class="far fa-check-circle"></i> <i class="far fa-check-circle"></i>
</b-button> </b-button>
</div> </div>
@ -65,7 +65,7 @@
<div class="col-md-2" style="text-align: right"> <div class="col-md-2" style="text-align: right">
<b-button @click="details_visible = !details_visible" style="border: none; background: none" <b-button @click="details_visible = !details_visible" style="border: none; background: none"
class="shadow-none" :class="{ 'text-primary': details_visible, 'text-success': !details_visible}"> class="shadow-none d-print-none" :class="{ 'text-primary': details_visible, 'text-success': !details_visible}">
<i class="far fa-check-circle"></i> <i class="far fa-check-circle"></i>
</b-button> </b-button>
</div> </div>