improve unroll printing

Jungle-Bus · Nov 26, 2021 · 3a13fff · 3a13fff
1 parent 3399387
commit 3a13fff
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/main.css b/main.css
@@ -33,4 +33,4 @@
     border-left-color: #000;
     height: 26px;
     box-sizing: content-box;
-}
+}
diff --git a/print.css b/print.css
@@ -0,0 +1,7 @@
+header, h6 {
+  display :none;
+}
+
+.remove-on-print {
+  display :none;
+}
diff --git a/route.html b/route.html
@@ -7,7 +7,8 @@
     <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="main.css">
+    <link rel="stylesheet" type="text/css" href="main.css">
+    <link rel="stylesheet" type="text/css" href="print.css" media="print">
   </head>
 
 <body class="w3-light-grey">
@@ -49,7 +50,7 @@ <h3 class="w3-opacity"><b data-i18n="Credits"> Credits </b></h3>
 
 <footer class="w3-container w3-junglebus w3-center w3-margin-top w3-tiny">
   <p>Mobility open data, proudly crafted by the OpenStreetMap community - Open source tool by <a href="https://junglebus.io" target="_blank">Jungle Bus</a></p>
-    <div class="w3-xlarge">
+    <div class="w3-xlarge remove-on-print">
     <a href="https://github.com/Jungle-Bus/unroll" target="_blank"><i class="fa fa-github w3-hover-opacity"></i></a>
   </div>
 </footer>