Merge pull request #929 from geoadmin/bug-PB-660-profile-size

PB-660: Fix elevation profile resize
geoadmin · Jun 18, 2024 · 4ada0d1 · 4ada0d1
2 parents ebe5946 + af7d5da
commit 4ada0d1
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/src/modules/infobox/components/FeatureElevationProfilePlot.vue b/src/modules/infobox/components/FeatureElevationProfilePlot.vue
@@ -5,15 +5,17 @@
         @mouseenter="startPositionTracking"
         @mouseleave="stopPositionTracking"
     >
-        <LineChart
-            ref="chart"
-            :data="chartJsData"
-            :options="chartJsOptions"
-            class="profile-graph-container flex-grow-1"
-            data-cy="profile-graph"
-            @mouseleave="clearHoverPosition"
-            @contextmenu.prevent="resetZoom"
-        />
+        <div class="chart-container position-relative w-100">
+            <LineChart
+                ref="chart"
+                :data="chartJsData"
+                :options="chartJsOptions"
+                class="profile-graph-container"
+                data-cy="profile-graph"
+                @mouseleave="clearHoverPosition"
+                @contextmenu.prevent="resetZoom"
+            />
+        </div>
         <div
             v-show="pointBeingHovered && track"
             ref="profileTooltip"
@@ -345,6 +347,7 @@ export default {
             return {
                 animation: true,
                 responsive: true,
+                maintainAspectRatio: false,
                 plugins: {
                     zoom: this.chartJsZoomOptions,
                     legend: {