small design improvements

medialab · Aug 28, 2024 · 2f763b7 · 2f763b7
1 parent 4cc5d01
commit 2f763b7
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 3 deletions.
diff --git a/src/components/GeographicMapChart/GeographicMapChart.js b/src/components/GeographicMapChart/GeographicMapChart.js
@@ -272,7 +272,7 @@ const GeographicMapChart = ({
         case 'mediterranean and Ponant':
             projectionConfig = {
               ...projectionConfig,
-              scale: 500,
+              scale: width > 950 ? 500 : 300,
               // centerX: 15,
               // centerY: 40,
               centerX: 5,
@@ -286,7 +286,7 @@ const GeographicMapChart = ({
         case 'French Levant':
             projectionConfig = {
               ...projectionConfig,
-              scale: 5800,
+              scale: width > 950 ? 5800 : 3800,
               // centerX: 15,
               // centerY: 40,
               centerX: 6,

diff --git a/src/components/LineChart/LineChart.scss b/src/components/LineChart/LineChart.scss
@@ -48,4 +48,10 @@
     font-style: italic;
     }
   }
+
+  @include tablet {
+    .annotation line, .annotation foreignObject {
+      display: none;
+    }
+  }
 }
diff --git a/src/components/VisualizationFocus/VisualizationFocus.scss b/src/components/VisualizationFocus/VisualizationFocus.scss
@@ -114,12 +114,18 @@
       cursor: pointer;
       &.full-screen {
         height: calc(100vh - (2 * $medium-gutter));
+        @include tablet {
+          height: 200vh;
+        }
         background: white;
         overflow: hidden;
         > div {
           margin: $medium-gutter;
           height: calc(100% - (2 * $medium-gutter));
           width: calc(100% - (2 * $medium-gutter));
+          @include tablet {
+            height: 200vh;
+          }
         }
       }
       .VisualizationController {

diff --git a/src/visualizations/MarseillePortStructurant/MarseillePortStructurant.scss b/src/visualizations/MarseillePortStructurant/MarseillePortStructurant.scss
@@ -1,5 +1,5 @@
 
-
+@import '../../styles/variables.scss';
 .MarseillePortStructurant {
   .geopart {
     // fill: rgba(150, 150, 150, 1)!important; // #0b2941 !important;
@@ -11,4 +11,13 @@
   .legend-label {
     margin: 0;
   }
+  @include tablet {
+    .legend-title {
+      font-size: .9rem;
+    }
+    .legend-label {
+      font-size: .5rem!important;
+    }
+  }
+
 }