librenms-librenms/html/css/fullscreenmap.css

31 lines
483 B
CSS
Raw Normal View History

Borderless fullscreen geographical map, with just the nodes. (#8337) * Added a variant of map.php which allows for a borderless fullscreen geographical map, with just the nodes. * Signed my work. * Removed a space. * delete whitespace * remove whitespace * hack to fix some tiles not loading found the fix here: https://stackoverflow.com/questions/36246815/data-toggle-tab-does-not-download-leaflet-map/36257493#36257493 https://gis.stackexchange.com/questions/224932/problem-with-map-tiles-loading-with-leaflet-and-bootstrap You might be able to do something more elegant. * added menu entry This removes the need for setting it as a front-page. Now it can be accessed from the menu and LibreNMS can be accessed by navigating back. * Create fullscreenmap.inc.php Notice the line: $pagetitle[] = 'Fullscreen Map'; * REmoved the original fullscreenmap.php * Revert "REmoved the original fullscreenmap.php" This reverts commit 570953c5f5902cfdc8eabfc246393e4ab9667f9b. * addded the resize event to html/pages/fullscreenmap.inc.php for proper leaflet rendering * Removed old file * Adjusted CSS and javascript. * Reverting to original javascript. * change Leaflet container CSS to white background * Made the Geographical Map not hide the menu when not in fullscreen mode. * Cleaned up the CSS-file a bit. * Added a variant of map.php which allows for a borderless fullscreen geographical map, with just the nodes. * Signed my work. * Removed a space. * delete whitespace * remove whitespace * hack to fix some tiles not loading found the fix here: https://stackoverflow.com/questions/36246815/data-toggle-tab-does-not-download-leaflet-map/36257493#36257493 https://gis.stackexchange.com/questions/224932/problem-with-map-tiles-loading-with-leaflet-and-bootstrap You might be able to do something more elegant. * added menu entry This removes the need for setting it as a front-page. Now it can be accessed from the menu and LibreNMS can be accessed by navigating back. * Create fullscreenmap.inc.php Notice the line: $pagetitle[] = 'Fullscreen Map'; * REmoved the original fullscreenmap.php * Revert "REmoved the original fullscreenmap.php" This reverts commit 570953c5f5902cfdc8eabfc246393e4ab9667f9b. * addded the resize event to html/pages/fullscreenmap.inc.php for proper leaflet rendering * Removed old file * Adjusted CSS and javascript. * Reverting to original javascript. * change Leaflet container CSS to white background * Made the Geographical Map not hide the menu when not in fullscreen mode. * Cleaned up the CSS-file a bit.
2018-03-19 04:47:06 +01:00
html, body, .container, .pace-done, .mapcontainer, .map, .row, .col-md-12, #leaflet-map {
height: 100%;
width: 100%;
padding-bottom: 0;
margin-bottom: 0;
}
body {
line-height: 0;
}
.container-fluid, .row, .col-md-12 {
padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0;
}
.container-fluid {
height: 100%;
width: 100%;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.leaflet-container {
background: #fff;
}