Release 3.4.0

mistic100 · Jul 7, 2018 · 08b8d6f · 08b8d6f
2 parents e3b1672 + 2691c99
commit 08b8d6f
Show file tree

Hide file tree

Showing 48 changed files with 2,084 additions and 698 deletions.
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -98,6 +98,7 @@ module.exports = function(grunt) {
      */
     sass: {
       options: {
+        implementation: require('node-sass'),
         sourceMap: false,
         style: 'expanded'
       },
@@ -238,7 +239,7 @@ module.exports = function(grunt) {
      */
     open: {
       dev: {
-        path: 'http://localhost:<%= connect.dev.options.port%>/example/index.htm'
+        path: 'http://localhost:<%= connect.dev.options.port%>/example/equirectangular.html'
       }
     },
 

diff --git a/build/jsdoc.md b/build/jsdoc.md
@@ -6,4 +6,4 @@
 
 # [Components](module-components.html)
 
-# [PSVMarker](PSVMarker.html) & [PSVHUD](module-components.PSVHUD.html)
+# [PSVMarker](PSVMarker.html)
diff --git a/dist/photo-sphere-viewer.css b/dist/photo-sphere-viewer.css
@@ -1,5 +1,5 @@
 /*!
- * Photo Sphere Viewer 3.3.3
+ * Photo Sphere Viewer 3.4.0
  * Copyright (c) 2014-2015 Jérémy Heleine
  * Copyright (c) 2015-2018 Damien "Mistic" Sorel
  * Licensed under MIT (https://opensource.org/licenses/MIT)
@@ -90,83 +90,17 @@
   flex-grow: 10;
   color: rgba(255, 255, 255, 0.7);
   margin: 10px;
-  white-space: nowrap;
   overflow: hidden;
-  text-align: center;
-  font-family: sans-serif; }
-  @media (max-width: 800px) {
-    .psv-caption {
-      visibility: hidden; } }
-
-.psv-spacer--weight-1 {
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-  -moz-flex-grow: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1; }
-
-.psv-spacer--weight-2 {
-  -webkit-box-flex: 2;
-  -webkit-flex-grow: 2;
-  -moz-flex-grow: 2;
-  -ms-flex-positive: 2;
-  flex-grow: 2; }
-
-.psv-spacer--weight-3 {
-  -webkit-box-flex: 3;
-  -webkit-flex-grow: 3;
-  -moz-flex-grow: 3;
-  -ms-flex-positive: 3;
-  flex-grow: 3; }
-
-.psv-spacer--weight-4 {
-  -webkit-box-flex: 4;
-  -webkit-flex-grow: 4;
-  -moz-flex-grow: 4;
-  -ms-flex-positive: 4;
-  flex-grow: 4; }
-
-.psv-spacer--weight-5 {
-  -webkit-box-flex: 5;
-  -webkit-flex-grow: 5;
-  -moz-flex-grow: 5;
-  -ms-flex-positive: 5;
-  flex-grow: 5; }
-
-.psv-spacer--weight-6 {
-  -webkit-box-flex: 6;
-  -webkit-flex-grow: 6;
-  -moz-flex-grow: 6;
-  -ms-flex-positive: 6;
-  flex-grow: 6; }
-
-.psv-spacer--weight-7 {
-  -webkit-box-flex: 7;
-  -webkit-flex-grow: 7;
-  -moz-flex-grow: 7;
-  -ms-flex-positive: 7;
-  flex-grow: 7; }
-
-.psv-spacer--weight-8 {
-  -webkit-box-flex: 8;
-  -webkit-flex-grow: 8;
-  -moz-flex-grow: 8;
-  -ms-flex-positive: 8;
-  flex-grow: 8; }
-
-.psv-spacer--weight-9 {
-  -webkit-box-flex: 9;
-  -webkit-flex-grow: 9;
-  -moz-flex-grow: 9;
-  -ms-flex-positive: 9;
-  flex-grow: 9; }
-
-.psv-spacer--weight-10 {
-  -webkit-box-flex: 10;
-  -webkit-flex-grow: 10;
-  -moz-flex-grow: 10;
-  -ms-flex-positive: 10;
-  flex-grow: 10; }
+  text-align: center; }
+  .psv-caption-icon {
+    height: 20px;
+    width: 20px;
+    cursor: pointer; }
+    .psv-caption-icon * {
+      fill: rgba(255, 255, 255, 0.7); }
+  .psv-caption-content {
+    font-family: sans-serif;
+    white-space: nowrap; }
 
 .psv-button {
   -webkit-box-flex: 0;
@@ -252,6 +186,10 @@
         .psv-zoom-button-minus .psv-button-svg, .psv-zoom-button-plus .psv-button-svg {
           top: 0; } }
 
+@media (max-width: 600px) {
+  .psv-is-touch .psv-zoom-button {
+    display: none; } }
+
 .psv-markers-list-title {
   font: 24px sans-serif;
   margin: 1em 0;
@@ -493,3 +431,68 @@
     transform: translate3d(0, 0, 0);
     opacity: 1;
     transition-duration: 0.1s; }
+
+.psv-notification {
+  position: absolute;
+  z-index: 100;
+  bottom: 40px;
+  display: flex;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0 40px;
+  opacity: 0;
+  transition-property: opacity, bottom;
+  transition-timing-function: ease-in-out;
+  transition-duration: 0.1s; }
+  .psv-notification-content {
+    max-width: 50em;
+    background-color: rgba(61, 61, 61, 0.8);
+    border-radius: 4px;
+    padding: 0.5em 1em;
+    font: 14px sans-serif;
+    color: white; }
+  .psv-notification--visible {
+    opacity: 100;
+    bottom: 80px; }
+
+.psv-please-rotate {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -moz-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -moz-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-align-items: center;
+  -moz-align-items: center;
+  -ms-align-items: center;
+  align-items: center;
+  -webkit-justify-content: center;
+  -moz-justify-content: center;
+  -ms-justify-content: center;
+  justify-content: center;
+  -ms-flex-pack: center;
+  position: absolute;
+  z-index: 101;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background: radial-gradient(#fff 0%, #fdfdfd 16%, #fbfbfb 33%, #f8f8f8 49%, #efefef 66%, #dfdfdf 82%, #bfbfbf 100%); }
+  .psv-please-rotate-image {
+    margin-bottom: 4vh; }
+    .psv-please-rotate-image svg {
+      width: 50vw; }
+      @media screen and (orientation: landscape) {
+        .psv-please-rotate-image svg {
+          width: 30vw; } }
+  .psv-please-rotate-text {
+    font: 14px sans-serif;
+    font-size: 30px; }
+  .psv-please-rotate-subtext {
+    font: 14px sans-serif;
+    font-size: 20px;
+    opacity: .8; }