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 {
grid-area: right;
border-left: 1px solid black;
height: 100vw;
height: 100%;
padding: 0px;
overflow-y: auto
}
#map {
grid-area: main;
overflow-y: auto
}
.map-grid-container {
display: grid;
grid-template-areas:
'header header header header header header'
'main main main main main right'
'footer footer footer footer footer footer';
height: 100vw;
'main right';
grid-template-columns: calc(100vw - 200px) 200px;
height: calc(100vh - 2em - 20px - 1px); /*viewport height - height of navbar-button - padding - borderline*/
grid-gap: 0px;
padding: 0px;
}

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

@@ -10,7 +10,10 @@ block content
div.map-grid-container
div#map-settings
ul
li Item 1
li Item 2
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
div(id="map", class="content-padding")
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