Add custom CSS rules for printing dashboard graphs

src/app/monitor/monitor.component.html

@@ -212,7 +212,7 @@
               </ng-template>
             </div>
           </div>
-          <div class="uk-margin-medium-top uk-flex">
+          <div class="uk-margin-medium-top uk-flex hideInfo">
             <!-- Last Stats Date-->
             <div class="uk-width-2-3@m uk-width-1-2">
               <img src="assets/common-assets/graph.svg" style="opacity: 0.4">

src/assets/print.css

@@ -0,0 +1,26 @@
+@media print {
+	#sidebar_main,
+	#page_content_header,
+	#tm-mobile,
+	.tm-header-mobile,
+	#notifications-switcher,
+	.getDataButton,
+	.hideInfo,
+	.footer-light-background {
+		display: none !important;
+		top: 0 !important;
+		left: 0 !important;
+		right: 0 !important;
+		padding: 0 !important;
+		margin: 0 !important;
+	}
+	#page_content,
+	.uk-navbar-center {
+		padding-left: 0 !important;
+		padding-top: 0 !important;
+	}
+	#page_content_inner {
+		padding: 0 !important;
+		margin: 0 !important;
+	}
+}

src/styles.css

@@ -4,3 +4,4 @@
 @import "assets/common-assets/library.css";
 @import "assets/dashboard-theme/main.css";
 @import "assets/new.css";
+@import "assets/print.css"