Don't use @extend inside a potential media query

[rails.git] / app / assets / stylesheets / print.scss

diff --git a/app/assets/stylesheets/print.scss b/app/assets/stylesheets/print.scss
index fa04314b1fe55bfda816e9eab85dbba1d70abbd9..35700fc5f2f4c91eb0110b40541b17c4a5f9dcb0 100644 (file)
--- a/app/assets/stylesheets/print.scss
+++ b/app/assets/stylesheets/print.scss
@@ -1,29 +1,66 @@
+html {
+  height: 100%;
+}
+
+body {
+  height: 100%;
+  margin: 0;
+}
+
+#content {
+  height: 100%;
+}
+

 header,
 header,

-#sidebar,
-#permalink,

 .leaflet-control {
   display: none;
 }
 
 .leaflet-control {
   display: none;
 }
 

-html {
-  height: 100%;
+.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 {
 }
 
 #map {

-  position: absolute !important;
-  top: 0;
-  bottom: 40px;
-  left: 0;
-  right: 0;
+  position: relative;
+  height: calc(100% - 40px);
+  box-sizing: border-box;

   border: 1px solid black;
 }
 
   border: 1px solid black;
 }
 

+/* Rules for attribution text under the main map shown on printouts */
+

 #attribution {
 #attribution {

-  position: absolute !important;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  page-break-inside: avoid;

   height: 40px;
   font-size: 12px;
   height: 40px;
   font-size: 12px;

+
+  table {
+    width: 100%
+  }
+}
+
+.attribution_notice {

   text-align: center;
 }
   text-align: center;
 }