finetune comparaisons la rochelle

medialab · Dec 3, 2024 · 839cb8b · 839cb8b
1 parent 5e9a3ff
commit 839cb8b
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 3 deletions.
diff --git a/src/components/BarChart/BarChart.scss b/src/components/BarChart/BarChart.scss
@@ -15,6 +15,7 @@
     // justify-content: flex-end;
     // align-items: center;
     overflow: visible;
+    line-height: 1;
   }
   @include tablet {
     .row.vis-row {

diff --git a/src/components/ScrollyPage/ScrollyPage.scss b/src/components/ScrollyPage/ScrollyPage.scss
@@ -140,6 +140,7 @@
       height: 100%;
       flex: 1;
       position: relative;
+      margin-bottom: 1rem;
     }
   }
 

diff --git a/src/visualizations/ComparaisonsLaRochelle/ComparaisonsLaRochelle.js b/src/visualizations/ComparaisonsLaRochelle/ComparaisonsLaRochelle.js
@@ -1,5 +1,6 @@
 import { lt } from "lodash";
 import { useState, useMemo } from "react";
+import cx from 'classnames';
 import BarChart from "../../components/BarChart";
 import { formatNumber } from "../../utils/misc";
 import translate from '../../utils/translate';
@@ -12,7 +13,7 @@ const ComparaisonsLaRochelle = ({
   atlasMode,
   lang,
 }) => {
-  const height = atlasMode ? inputHeight - 350 : inputHeight - 250;
+  const height = atlasMode ? inputHeight - 350 : inputHeight - 300;
   const [withLest, setWithLest] = useState(true);
   // const field = useMemo(() => withLest ? 'estimate' : 'estimate_without_lest', [withLest]);
   // const actualData = useMemo(() => {
@@ -83,7 +84,9 @@ const ComparaisonsLaRochelle = ({
 
   const exportsMonde = +data.get('comparaisons-la-rochelle-toflit18.csv').find(d => d.partenaire === 'Monde').valeur;
   return (
-    <div className="ComparaisonsLaRochelle">
+    <div
+     className={cx("ComparaisonsLaRochelle", {'is-atlas-mode': atlasMode})}
+    >
       <div className="columns-container">
         <div className="column">
           <h2>{translate('ComparaisonLaRochelle', 'title1', lang)}</h2>

diff --git a/src/visualizations/ComparaisonsLaRochelle/ComparaisonsLaRochelle.scss b/src/visualizations/ComparaisonsLaRochelle/ComparaisonsLaRochelle.scss
@@ -9,7 +9,6 @@
     display: flex;
     flex-flow: row nowrap;
     box-sizing: border-box;
-
     // height: 50%;
     .column {
 
@@ -38,4 +37,7 @@
     justify-content: center;
     margin-top: $medium-gutter;
   }
+
+  // &:not(.is-atlas-mode) {
+  // }
 }