Merge pull request #4184 from AntonKhorev/print

Show sidebar in print media

app/assets/stylesheets/print.scss

@@ -1,30 +1,58 @@
-header,
-#sidebar,
-#permalink,
-.leaflet-control {
-  display: none;
-}
-
 html {
   height: 100%;
 }
 
+body {
+  height: 100%;
+  margin: 0;
+}
+
+#content {
+  height: 100%;
+}
+
+header,
+.leaflet-control {
+  display: none;
+}
+
+.map-layout .overlay-sidebar #sidebar {
+  display: none;
+}
+
+.map-layout #sidebar {
+  page-break-after: always;
+
+  & > * {
+    display: none;
+  }
+  #sidebar_content {
+    display: unset;
+  }
+
+  button,
+  input,
+  textarea,
+  .secondary-actions {
+    display: none;
+  }
+}
+
+#map-ui {
+  display: none !important;
+}
+
 #map {
-  position: absolute !important;
+  position: relative;
-  top: 0;
+  height: calc(100% - 40px);
-  bottom: 40px;
+  box-sizing: border-box;
-  left: 0;
-  right: 0;
   border: 1px solid black;
 }
 
 /* Rules for attribution text under the main map shown on printouts */
 
 #attribution {
-  position: absolute !important;
+  page-break-inside: avoid;
-  bottom: 0;
-  left: 0;
-  right: 0;
   height: 40px;
   font-size: 12px;
   text-align: center;