linkmap_page.scss in pageflow-linkmap-page-2.0.0

- old
+ new

@@ -25,16 +25,28 @@
 .linkmap_page {
   @import "./linkmap_page/audio_player_controls";
 
   @include user-select(none);
 
+  .backgroundArea {
+    background: #000;
+  }
+
+  .content {
+    pointer-events: none;
+  }
+
   .scroller {
     overflow: hidden;
 
     > div {
       min-height: 0;
     }
+
+    .emulation_mode_phone & {
+      margin-right: 0 !important;
+    }
   }
 
   .linkmap {
     position: absolute;
     height: 100%;
@@ -50,20 +62,26 @@
     }
   }
 
   .panorama_wrapper {
     position: absolute;
+    @include transition(transform 0.3s ease);
+    @include transform-origin(0 0);
   }
 
   .linkmap_areas {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
   }
 
+  .controls:before {
+    display: none;
+  }
+
   .panorama {
     height: 120%;
     width: auto;
     vertical-align: middle;
     position: relative;
@@ -107,12 +125,16 @@
     left: 10%;
     height: 30%;
     width: 20%;
     overflow: hidden;
     display: block;
-    pointer-events: all;
+    pointer-events: none;
 
+    &.enabled {
+      pointer-events: all;
+    }
+
     .hover_image,
     .visited_image {
       position: absolute;
       top: 0;
       left: 0;
@@ -181,11 +203,10 @@
     position: absolute;
     box-sizing: border-box;
     left: 0;
     top: 0;
     z-index: 1;
-    display: block;
     pointer-events: none;
     opacity: 0;
     max-width: 510px;
     max-height: 400px;
 
@@ -195,11 +216,10 @@
     }
 
     @include transition(opacity 0.15s);
 
     &.active {
-      display: block;
       opacity: 1;
     }
 
     .link_title {
       font-size: 28px;
@@ -211,9 +231,15 @@
     .link_description {
       font-size: 20px;
       color: #999999;
       letter-spacing: 0.22px;
       line-height: 30px;
+    }
+  }
+
+  &.hide_overlay_boxes {
+    .description_overlay {
+      display: none;
     }
   }
 
   .external_link_loading_indicator,
   .external_site_area .inline_loading_spinner {