chart.css.scss in pageflow-chart-0.2.0

- old
+ new

@@ -5,10 +5,14 @@
     margin-bottom: 40px;
     pointer-events: all;
     height: 400px;
     position: relative;
 
+    @media (min-width: 1500px) {
+      height: 800px;
+    }
+
     .hidden &, .hideText & {
       @include transition(0.7s ease);
     }
 
     iframe {
@@ -31,32 +35,32 @@
       @media (max-height: 870px) {
         height: 90%;
         top: 5%;
         margin-top: 0;
       }
+
+      .bigscreen_toggler{
+        visibility: visible;
+      }
     }
 
     .hideText & {
       visibility: hidden;
       opacity: 0;
     }
 
-    &:before {
-      padding: 15px;
+    &::before {
       background-color: #191919;
       background-color: rgba(25,25,25, 0.9);
       box-shadow: rgba(0,0,0,0.5) 0 0 3px 0px;
       content: "";
       position: absolute;
-      top: -15px;
-      left: -15px;
       width: 100%;
       z-index: -1;
       height: 100%;
 
       @include phone {
-        padding: 15px 0;
         left: 0;
       }
     }
 
     .iframe_overlay {
@@ -82,16 +86,17 @@
       height: 24px;
       background-image: image-url('pageflow/chart/fs_close_sprite.png');
       background-position: 0 0;
       background-repeat: no-repeat;
       position: absolute;
-      top: 3px;
+      top: 18px;
       right: 18px;
       color: transparent;
       text-indent: -4000px;
       opacity: 0;
       cursor: pointer;
       display: none;
+      visibility: hidden;
       @include transition(opacity 0.5s ease);
 
       .has_mobile_platform & {
         display: none !important;
       }