print: set 2 empty divs at start and end to display: none

They produce empty pages, in case of only the picasso at start and end.
Else an empty page at the end.

Fixes #8026

Author: BacLuc

e2e/specs/nuxtPrint.cy.js

@@ -88,12 +88,10 @@ describe('Nuxt print test', () => {
       cy.readFile(pdfPath, {
         timeout: 30000,
       })
-      cy.getPdfProperties(pdfPath).then((props) => cy.log(JSON.stringify(props)))
-      cy.getPdfProperties(pdfPath).its('numPages').should('eq', 26)
-      cy.moveDownloads()
+      cy.getPdfProperties(pdfPath).its('numPages').should('eq', 25)
     })
 
-    it.skip('for picasso', () => {
+    it('for picasso', () => {
       cy.get('a:contains("Programm")').click()
       cy.get('[data-testid="campprogram-menu"]').click()
       cy.get('[role="menuitem"] :contains("PDF herunterladen (Layout #1)")').click()
@@ -104,7 +102,6 @@ describe('Nuxt print test', () => {
         timeout: 30000,
       })
       cy.getPdfProperties(pdfPath).its('numPages').should('eq', 1)
-      cy.moveDownloads()
     })
   })
 })

print/layouts/default.vue

@@ -76,3 +76,15 @@ useHead(header)
   padding: 0;
 }
 </style>
+
+<!--
+Here we need to hack away 2 divs which nuxt generates,
+so these styles must be global.
+-->
+<!-- eslint-disable-next-line vue-scoped-css/enforce-style-type -->
+<style lang="scss">
+body > div > div.container > div:not(:has(*)),
+body > div#teleports {
+  display: none;
+}
+</style>