x/PointCloudWeb
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add scrolling in map view

Browse Source
This commit is contained in:
Tim Wundenberg
2021-07-28 14:28:26 +02:00
parent 8c5d9579b3
commit 00c6029bb0
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
PoinCloudWeb.Web/public/stylesheets/map.css
View File

@@ -4,22 +4,23 @@
#map-settings { #map-settings {
grid-area: right; grid-area: right;
border-left: 1px solid black; border-left: 1px solid black;
height: 100vw; height: 100%;
padding: 0px; padding: 0px;
overflow-y: auto
} }
#map { #map {
grid-area: main; grid-area: main;
overflow-y: auto
} }
.map-grid-container { .map-grid-container {
display: grid; display: grid;
grid-template-areas: grid-template-areas:
'header header header header header header' 'main right';
'main main main main main right' grid-template-columns: calc(100vw - 200px) 200px;
'footer footer footer footer footer footer'; height: calc(100vh - 2em - 20px - 1px); /*viewport height - height of navbar-button - padding - borderline*/
height: 100vw;
grid-gap: 0px; grid-gap: 0px;
padding: 0px; padding: 0px;
} }

7
PoinCloudWeb.Web/views/map.pug
View File

@@ -10,7 +10,10 @@ block content
div.map-grid-container div.map-grid-container
div#map-settings div#map-settings
ul ul
li Item 1 each val in [1, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7]
li Item 2 li= val
div(id="map", class="content-padding") div(id="map", class="content-padding")
p content p content
ul
each val in [1, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7, 2, 3, 4, 5, 6, 7]
li= val