better printing support: hide all IITC UI elements when printing, with a css "@media print"

This commit is contained in:
Jon Atkins 2014-07-09 05:41:42 +01:00
parent 69f3fb211b
commit 8f2bb08a6a

View File

@ -1,5 +1,17 @@
/* general rules ******************************************************/ /* general rules ******************************************************/
/* for printing directly from the browser, hide all UI components
* NOTE: @media needs to be first?
*/
@media print {
.leaflet-control-container { display: none !important; }
#chatcontrols, #chat, #chatinput { display: none !important; }
#sidebartoggle, #sidebar { display: none !important; }
#updatestatus { display: none !important; }
#portal_highlight_select { display: none !important; }
}
html, body, #map { html, body, #map {
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -7,6 +19,7 @@ html, body, #map {
background: #0e3d4e; background: #0e3d4e;
} }
body { body {
font-size: 14px; font-size: 14px;
font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif; font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;