The URI of TUHH Docker Registry changed from "docker.rz.tu-harburg.de:5000" to "docker.rz.tu-harburg.de". Please update your gitlab-ci.yml files if you use images from this registry.

Commit c42c961b authored by Tobias Zeumer's avatar Tobias Zeumer

Switch to flex layout for Map and Legend; reduce page loading lag (and lose...

Switch to flex layout for Map and Legend; reduce page loading lag (and lose animation for now); #36 (and #4)
parent 67c65de9
......@@ -75,17 +75,16 @@ html
############################################################################# */
#container-outer-flex
{width: 100vw; height: 100vh; display: flex-block;}
#container-content
{width: 100%;}
#map_container
{background-color: #F0F0F0; position: relative;}
#zoom_parent, #map {margin: 0; padding: 0;}
#map {height: calc(100vh - 48px);}
svg#tubhh
{height: calc(100vh - 48px); width: 100%;}
#legend
{display: none; background-color: #c0c0c0; overflow: auto; min-height: 30vh; max-height: 30vh;}
{width: 100vw; height: 100vh;}
#container-content {height: calc(100vh - 48px); max-height: calc(100vh - 48px); width: 100%; display: flex; flex-direction: column;}
/* without giving height Edge and Firefox break */
#map_container {background-color: #F0F0F0; position: relative; flex: 1 0 auto; display: flex; height: 1px; z-index: 10; max-height: calc(100vh - 48px);}
#zoom_parent {margin: 0; padding: 0; flex: 1 0 auto; display: flex;}
#map, .panzoom {margin: 0; padding: 0; flex: 1 0 auto; display: flex}
svg#tubhh
{width: 100%; flex: 1 0 auto; }
#legend
{background-color: #c0c0c0; overflow: auto; flex: 0 0 auto; height: 30vh; min-height: 30vh; max-height: 30vh; z-index: 20;}
/* #############################################################################
......@@ -335,7 +334,8 @@ dd a.inconizedLink {float: left; margin-right: 8px; }
@media only screen and (min-width: 1024px) {
#container-outer-flex
{display: flex; }
#map, svg#tubhh {height: 100vh;}
#container-content {height: 100vh; max-height: 100vh;}
#map_container {max-height: 100vh;}
/* Always open menu (as sidemenu on the right) on large screens */
#menu {margin: 0; padding: 0; max-height: 100vh; overflow: auto; min-width: 350px; max-width: 350px; order: 2;}
......
......@@ -151,7 +151,6 @@ $( document ).ready(function() {
// Listen for clicks on close button for legend
$("#legend_btn_close").on('click', function(event) {
$("#legend").hide();
$("svg#tubhh, #map").animate({height:'+=30vh'}, 1000);
});
// Listen for clicks on close button for modal
......@@ -538,12 +537,7 @@ function show_legend_entry(aria_label, aria_desc, prefix) {
// Build dt and dd id's
var aria_label_id = prefix ? "title_" + aria_label : aria_label;
var aria_desc_id = prefix ? "desc_" + aria_desc : aria_desc;
// Show legend and resize grid if previously hidden by close button
if (!$("#legend").is(":visible")) {
$("svg#tubhh, #map").animate({height:'-=30vh'}, 1000);
};
// Hide previously opened entries
$("dt, dd").hide();
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment