Commit fa2e39b0 authored by Tobias Zeumer's avatar Tobias Zeumer

Prepare for a grid/flex layout (remove fixed width/height from svg via hack...

Prepare for a grid/flex layout (remove fixed width/height from svg via hack for now); related to #13
parent b7db2821
......@@ -72,12 +72,13 @@ html
/* #############################################################################
HTML skeleton
############################################################################# */
/*#container {display: grid; grid-template-columns: 20vw 80vw;}*/
#map_container
{background-color: #F0F0F0; position: relative;}
{background-color: #F0F0F0; position: relative; display: flex; justify-content: center;}
#zoom_parent {margin: 0; padding: 0;}
#zoom_parent {margin: 0; padding: 0; width: 100%}
svg#tubhh
{max-width: 100%; height: calc(100vh - 71px);}
{height: calc(100vh - 71px);}
/* #############################################################################
......
......@@ -397,6 +397,7 @@
</nav>
<!-- div id="container" style="display: grid; grid-template-columns: 20vw auto;" -->
<aside id="legend">
<button id="legend_btn_close" class="iconbutton" aria-label="Close legend"><svg class="icon"><use xlink:href="symbols_gui.svg#icon-cross"></use></svg></button>
<dl>
......@@ -1670,7 +1671,7 @@
</aside>
<div id="map_container">
<div class="zoom_parent" style="position: relative">
<div class="zoom_parent">
<div id="map" class="panzoom"></div>
</div>
......
......@@ -53,6 +53,9 @@ $( document ).ready(function() {
focal: e
});
});
/* Hack to remove height/width from svg container; otherwise grid, flex and pretty much anything else breaks because of explicit size */
$("#tubhh").removeAttr("height", "width");
// Remove any inline styles (since Inkscape just keeps adding them; https://bugs.launchpad.net/inkscape/+bug/167937)
// Get default styles from webStyles.css
......
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