Add scroll for info panel (#141)

zlant · Mar 18, 2023 · 1f6e745 · 1f6e745
1 parent e02c231
commit 1f6e745
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/parking/controls/lane-info.ts b/src/parking/controls/lane-info.ts
@@ -10,6 +10,8 @@ export default L.Control.extend({
         <div id="lane-control"
              class="leaflet-control-layers control-padding"
              style="display: none"
+             onwheel=${L.DomEvent.stopPropagation}
+             ontouchstart=${L.DomEvent.stopPropagation}
              onmousedown=${L.DomEvent.stopPropagation}
              ondblclick=${L.DomEvent.stopPropagation}
              onpointerdown=${L.DomEvent.stopPropagation}

diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -64,6 +64,12 @@ input[type="datetime-local"]::-webkit-calendar-picker-indicator {
 
 // lane-info
 
+#lane-control {
+    max-width: calc(100vw - 40px);
+    max-height: calc(100vh - 240px);
+    overflow: auto;
+}
+
 .tags-block {
     padding: 5px;
 }