fixed printing relation map

src/public/javascripts/desktop.js

@@ -165,6 +165,7 @@ async function printActiveNote() {
             "libraries/ckeditor/ckeditor-content.css",
             "libraries/bootstrap/css/bootstrap.min.css",
             "stylesheets/print.css",
+            "stylesheets/relation_map.css",
             "stylesheets/themes.css",
             "stylesheets/detail.css"
         ],

src/public/stylesheets/detail.css

@@ -58,4 +58,12 @@
     border-radius: 10px;
     padding: 5px;
     margin-top: 5px;
+}
+
+.note-detail-image {
+    text-align: center;
+}
+
+.note-detail-image-view {
+    max-width: 100%;
 }

src/public/stylesheets/print.css

@@ -4,4 +4,8 @@
     {
         display: none !important;
     }
+
+    .relation-map-wrapper {
+        height: 100vh !important;
+    }
 }

src/public/stylesheets/style.css

@@ -518,14 +518,6 @@ button.icon-button {
     padding: 5px;
 }
 
-.note-detail-image {
-    text-align: center;
-}
-
-.note-detail-image-view {
-    max-width: 100%;
-}
-
 pre:not(.CodeMirror-line) {
     color: var(--main-text-color) !important;
     white-space: pre-wrap;

src/views/details/image.ejs

@@ -1,5 +1,5 @@
 <div class="note-detail-image note-detail-component">
-    <div style="display: flex; justify-content: space-evenly; margin: 10px;">
+    <div class="no-print" style="display: flex; justify-content: space-evenly; margin: 10px;">
         <button class="image-download btn btn-sm btn-primary" type="button">Download</button>
 
         <button class="image-copy-to-clipboard btn btn-sm btn-primary" type="button">Copy to clipboard</button>

src/views/details/relation_map.ejs

@@ -1,5 +1,5 @@
 <div class="note-detail-relation-map note-detail-component">
-    <button class="relation-map-create-child-note btn btn-sm floating-button" type="button"
+    <button class="relation-map-create-child-note btn btn-sm floating-button no-print" type="button"
             title="Create new child note and add it into this relation map">
         <span class="bx bx-folder-plus"></span>
 
@@ -7,11 +7,11 @@
     </button>
 
     <button type="button"
-            class="relation-map-reset-pan-zoom btn icon-button floating-button bx bx-crop"
+            class="relation-map-reset-pan-zoom btn icon-button floating-button bx bx-crop no-print"
             title="Reset pan & zoom to initial coordinates and magnification"
             style="right: 70px;"></button>
 
-    <div class="btn-group floating-button" style="right: 10px;">
+    <div class="btn-group floating-button no-print" style="right: 10px;">
         <button type="button"
                 class="relation-map-zoom-in btn icon-button bx bx-zoom-in"
                 title="Zoom In"></button>