Merge pull request #387 from LiskHQ/377-fix-price-chart-in-safari

Fix price chart in iOS safari - Closes #377
LiskHQ · Feb 16, 2018 · 5efb4da · 5efb4da
2 parents 459988c + 4489929
commit 5efb4da
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/src/components/dashboard/currencyGraph.css b/src/components/dashboard/currencyGraph.css
@@ -2,6 +2,7 @@
 
 .wrapper {
   height: 100%;
+  min-height: 200px;
   position: relative;
 
   & h2 {
@@ -11,6 +12,7 @@
 
 .chartWrapper {
   height: calc(100% - 70px);
+  min-height: 130px;
   width: calc(100% + 50px);
   margin: 0 -25px;
   position: absolute;
@@ -19,7 +21,7 @@
 }
 
 .errorMessage {
-  margin-top: 70px;
+  margin-top: 60px;
 }
 
 .stepSwitchWrapper {
@@ -42,6 +44,20 @@
   }
 }
 
+@media (--medium-viewport) {
+  .wrapper {
+    min-height: 300px;
+  }
+
+  .chartWrapper {
+    min-height: 230px;
+  }
+
+  .errorMessage {
+    margin-top: 30px;
+  }
+}
+
 @media (--small-viewport) {
   .stepSwitchWrapper {
     margin: 45px 0;

diff --git a/src/components/dashboard/styles.css b/src/components/dashboard/styles.css
@@ -19,6 +19,7 @@
 
 .graph {
   height: calc(60% - 20px);
+  min-height: 200px;
   margin-bottom: 20px;
   overflow: hidden;
 }
@@ -37,14 +38,16 @@
   .wrapper {
     & .colHack {
       padding: 0;
+      max-width: 100%;
+      flex-basis: 100%;
     }
 
     margin: 0;
   }
 
   .graph {
     height: 60%;
-    min-height: auto;
+    min-height: 300px;
     margin-bottom: 0;
   }