Fix/1945 print view shows irrelevant elements

CHANGELOG.md

@@ -14,6 +14,10 @@
   [#1935](https://github.com/nextcloud/cookbook/pull/1935) @christianlupus
 - remove constant se in RecipeView
   [#1942](https://github.com/nextcloud/cookbook/pull/1942) @j0hannesr0th
+
+### Fixed
+- **Print view:** Hide yield calculator, ingredient-copy button, yield-calculation warnings
+  [#1949](https://github.com/nextcloud/cookbook/pull/1949) @seyfeb
 - fix wrong parsing of recipe yield input
   [#1944](https://github.com/nextcloud/cookbook/pull/1944) @j0hannesr0th
 

src/components/RecipeView/RecipeIngredient.vue

@@ -88,4 +88,10 @@ li > .ingredient {
 li > span.icon-error {
     margin-left: 0.3em;
 }
+
+@media print {
+    li > span.icon-error {
+        display: none;
+    }
+}
 </style>

src/components/RecipeView/RecipeView.vue

@@ -72,7 +72,10 @@
                                 <strong
                                     >{{ t('cookbook', 'Servings') }}:
                                 </strong>
-                                <span>
+                                <span class="print-only">
+                                    {{ recipeYield }}
+                                </span>
+                                <span class="print-hidden">
                                     <button
                                         :disabled="recipeYield === 1"
                                         @click="changeRecipeYield(false)"
@@ -143,7 +146,7 @@
                             <span>{{ t('cookbook', 'Ingredients') }}</span>
                             <NcButton
                                 v-if="scaledIngredients.length"
-                                class="copy-ingredients"
+                                class="copy-ingredients print-hidden"
                                 :type="'tertiary'"
                                 aria-label="Copy all ingredients to the clipboard"
                                 :title="t('cookbook', 'Copy ingredients')"
@@ -165,19 +168,17 @@
                                 :recipe-ingredients-have-subgroups="
                                     recipeIngredientsHaveSubgroups
                                 "
-                                :style="{
-                                    'font-style': ingredientsWithValidSyntax[
-                                        idx
-                                    ]
-                                        ? 'normal'
-                                        : 'italic',
-                                }"
+                                :class="
+                                    ingredientsWithValidSyntax[idx]
+                                        ? ''
+                                        : 'ingredient-highlighted'
+                                "
                             />
                         </ul>
 
                         <div
                             v-if="!ingredientsSyntaxCorrect"
-                            class="ingredient-parsing-error"
+                            class="ingredient-parsing-error print-hidden"
                         >
                             <hr />
                             <span class="icon-error" />
@@ -799,6 +800,10 @@ export default {
     padding: 3rem 0;
 }
 
+.print-only {
+    display: none;
+}
+
 @media print {
     .header {
         display: flex;
@@ -816,6 +821,14 @@ export default {
     .header a::after {
         content: '';
     }
+
+    .print-hidden {
+        display: none !important;
+    }
+
+    .print-only {
+        display: initial !important;
+    }
 }
 
 @media only screen and (min-width: 1500px) {
@@ -860,6 +873,16 @@ export default {
     float: right;
 }
 
+.ingredient-highlighted {
+    font-style: italic;
+}
+
+@media print {
+    .ingredient-highlighted {
+        font-style: initial;
+    }
+}
+
 .description {
     font-style: italic;
     white-space: pre-line;