☀ projected laravel-site from 098eb89

Source-holobranch: laravel-site Source-commit: 8f582ec Source: 098eb89
urbanSpatial · Apr 14, 2021 · b988df0 · b988df0
2 parents 8f582ec + 098eb89
commit b988df0
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 7 deletions.
diff --git a/public/js/app.js b/public/js/app.js
diff --git a/public/js/app.js.map b/public/js/app.js.map
diff --git a/resources/js/Shared/LPBottomSheet.vue b/resources/js/Shared/LPBottomSheet.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="lp-sheet">
-    <v-card>
+  <div class="lp-sheet d-flex">
+    <v-card class="d-flex flex-column flex-grow-1">
       <v-btn
         block
         plain
@@ -12,6 +12,7 @@
       <v-divider />
 
       <v-expansion-panels
+        style="flex: 1 1 auto; overflow: auto"
         flat
         tile
         :value="isExpanded ? 0 : false"
@@ -73,8 +74,10 @@ export default {
 <style lang="scss" scoped>
   .lp-sheet {
     bottom: 0;
+    max-height: 100%;
+    max-width: 100%;
     position: absolute;
-    width: 100%;
+    width: 425px;
     z-index: 2;
   }
 

diff --git a/resources/js/Shared/Layouts/Layout.vue b/resources/js/Shared/Layouts/Layout.vue
@@ -17,7 +17,7 @@
       </v-btn>
     </v-bottom-navigation>
 
-    <v-main>
+    <v-main style="overflow: hidden">
       <slot />
     </v-main>
   </v-app>

diff --git a/resources/js/Shared/Layouts/MapSheetLayout.vue b/resources/js/Shared/Layouts/MapSheetLayout.vue
@@ -6,8 +6,8 @@
       @source-data-loaded="sourceDataLoaded"
     />
     <parcel-popup
+      v-show="isPopupVisible"
       ref="parcelpopup"
-      :showed="true"
     >
       <parcel-info
         ref="parcelinfo"
@@ -36,6 +36,12 @@ export default {
   },
 
   layout: Layout,
+
+  data() {
+    return {
+      isPopupVisible: false,
+    };
+  },
   mounted: () => {
   },
   methods: {
@@ -79,6 +85,7 @@ export default {
         this.$refs.parcelpopup.open = false;
         this.$refs.mapboxmap.highlightClear();
       } else {
+        this.isPopupVisible = true;
         this.$refs.parcelpopup.setMapboxMap(this.$refs.mapboxmap.map);
         this.$refs.parcelpopup.setCoords(event.coords);
         this.$refs.parcelinfo.fetchParcel(event.properties.parcel_id);