fix: ui panels content height temp fix

eurodatacube · Oct 10, 2023 · a2140f8 · a2140f8
1 parent b3beb43
commit a2140f8
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 3 deletions.
diff --git a/app/src/components/UiPanel.vue b/app/src/components/UiPanel.vue
@@ -4,14 +4,15 @@
     class="elevation-1 rounded ma-1"
     :style="`
       background: ${$vuetify.theme.currentTheme.background};
-      max-height:50%
     `"
   >
       <v-expansion-panel>
         <v-expansion-panel-header>
           {{ title }}
         </v-expansion-panel-header>
-        <v-expansion-panel-content >
+        <v-expansion-panel-content
+        :style="`height: calc((var(--vh, 1vh) * 100) - ${$vuetify.application.top
+        + $vuetify.application.footer +(48 * 4)}px )`" >
           <slot></slot>
         </v-expansion-panel-content>
     </v-expansion-panel>
@@ -49,14 +50,18 @@ export default {
   },
   data: () => ({
     showOverlay: false,
+    siblingsCount: 1,
   }),
+  created() {
+    this.siblingsCount = this.$parent.$children.length;
+  },
 };
 </script>
 
 <style scoped>
 div {
   width: 100%;
-  overflow: hidden;
+  overflow: scroll;
   pointer-events: all;
 }
 .overlay {

diff --git a/app/src/views/Dashboard.vue b/app/src/views/Dashboard.vue
@@ -179,6 +179,22 @@
                    class="pointerEvents">
                  </eox-layercontrol>
                 </UiPanel>
+                <UiPanel
+                left
+                title="Filter"
+              >
+                <IndicatorFiltersPanel />
+              </UiPanel>
+              <UiPanel
+                  left
+                  title="Layers"
+                >
+                <eox-layercontrol
+                   for="#centerMap"
+                   layerTitle="name"
+                   class="pointerEvents">
+                 </eox-layercontrol>
+                </UiPanel>
               </template>
               <template v-slot:right>
 
@@ -198,6 +214,16 @@
               >
                 <IndicatorFiltersPanel />
               </UiPanel>
+              <UiPanel
+                  left
+                  title="Layers"
+                >
+                <eox-layercontrol
+                   for="#centerMap"
+                   layerTitle="name"
+                   class="pointerEvents">
+                 </eox-layercontrol>
+              </UiPanel>
 
               </template>
             </UiPanelLayout>