Fixes #6976: Improve handling of printing layouts/styling

netbox/templates/base/base.html

@@ -68,6 +68,12 @@
       href="{% static 'netbox-dark.css'%}"
       onerror="window.location='{% url 'media_failure' %}?filename=netbox-dark.css'"
     />
+    <link
+      rel="stylesheet"
+      media="print"
+      href="{% static 'netbox-print.css'%}"
+      onerror="window.location='{% url 'media_failure' %}?filename=netbox-print.css'"
+    />
     <link rel="icon" type="image/png" href="{% static 'netbox.ico' %}" />
 
     {# Javascript #}

netbox/templates/base/layout.html

@@ -15,8 +15,13 @@
       {# Body #}
       <div class="content-container">
 
+        {# Netbox Logo, only visible when printing #}
+        <div class="p-2 printonly">
+          <img src="{% static 'netbox_logo.svg' %}" alt="NetBox logo" width="200px" />
+        </div>
+
         {# Top bar #}
-        <nav class="navbar navbar-light sticky-top flex-md-nowrap ps-6 p-3 search container-fluid">
+        <nav class="navbar navbar-light sticky-top flex-md-nowrap ps-6 p-3 search container-fluid noprint">
 
             {# Mobile Navigation #}
             <div class="nav-mobile">
@@ -102,9 +107,9 @@
         {# Page footer #}
         <footer class="footer container-fluid">
           <div class="row align-items-center justify-content-between mx-0">
-            
+
             {# Docs & Community Links #}
-            <div class="col-sm-12 col-md-auto fs-4">
+            <div class="col-sm-12 col-md-auto fs-4 noprint">
               <nav class="nav justify-content-center justify-content-lg-start">
                 {# Documentation #}
                 <a type="button" class="nav-link" href="{% static 'docs/' %}" target="_blank">
@@ -139,7 +144,7 @@
                 </a>
               </nav>
             </div>
-            
+
             {# System Info #}
             <div class="col-sm-12 col-md-auto text-center text-lg-end text-muted">
               <span class="d-block d-md-inline">{% annotated_now %} {% now 'T' %}</span>

netbox/templates/base/sidenav.html

@@ -1,7 +1,7 @@
 {% load nav %}
 {% load static %}
 
-<nav class="sidenav" id="sidenav" data-simplebar>
+<nav class="sidenav noprint" id="sidenav" data-simplebar>
   <div class="sidenav-header">
 
   {# Brand #}