#472 fix chart width on mobile

internetstandards · Nov 13, 2024 · d628d6f · d628d6f
1 parent 05625fd
commit d628d6f
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/reports/NestedReportCharts.vue b/src/components/reports/NestedReportCharts.vue
@@ -7,7 +7,7 @@
 <template>
   <div>
     <template v-for="chart in charts_to_render">
-      <div v-if="chart.level === 1" :key="chart.axis.join('.') + 'a'">
+      <div v-if="chart.level === 1" :key="chart.axis.join('.') + 'a'" style="overflow: scroll">
         <div class="chart-container w-100 position-relative fixed_ratio">
           <!-- Do not show canvas chart element in accessibility, use the table below -->
           <component :is="my_component" :chart_data="reports" :show_average="chart.average" :axis="chart.axis"
@@ -39,9 +39,9 @@
         </div>
       </div>
       <div v-else class="not-on-new-page" :key="chart.axis.join('.') + 'b'">
-        <chart-collapse-panel :title="chart.label" :level="chart.level">
+        <chart-collapse-panel :title="chart.label" :level="chart.level" >
           <!-- Do not show canvas chart element in accessibility, use the table below -->
-          <div slot="chart_content">
+          <div slot="chart_content" class="chart-container w-100 position-relative fixed_ratio">
           <component :is="my_component"  :chart_data="reports" :show_average="chart.average"
                      :only_show_dynamic_average="chart.only_average" :axis="chart.axis" :chart-name="chart.label"
                      aria-hidden="true"/>