Hide navbar and buttons when printing a note

(cherry picked from commit 35528808ddff7dc4aaf4f3127f9785c298cf3489)

diff --git a/client/App.vue b/client/App.vue
index 468d7ddb1be5b0f580930dfbdcb0efd759276ae4..1b06ce39b6414e98992bdf1b3511e7a5fc25c19b 100644 (file)
--- a/client/App.vue
+++ b/client/App.vue
@@ -5,6 +5,7 @@
     <NavBar\r
       v-if="showNavBar"\r
       ref="navBar"\r
+      :class="{ 'print:hidden': route.name == 'note' }"\r
       :hide-logo="!showNavBarLogo"\r
       @toggleSearchModal="toggleSearchModal"\r
     />\r

diff --git a/client/views/Note.vue b/client/views/Note.vue
index e27c3bf3b0c6d8cc711e659c5fb902ce18b2232d..b7cad478ca131bfbb6384d99a62f2b3233817488 100644 (file)
--- a/client/views/Note.vue
+++ b/client/views/Note.vue
@@ -53,7 +53,7 @@
       </div>
 
       <!-- Buttons -->
-      <div class="flex shrink-0 self-end md:self-baseline">
+      <div class="flex shrink-0 self-end md:self-baseline print:hidden">
         <!-- Delete Button -->
         <CustomButton
           v-show="canModify && !isNewNote"