From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 6 Jun 2017 09:54:23 +0000 (+0200)
Subject: fix #1433 @1.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=3fbbd6e318ded959668a24a716c89bab45a04495;p=fluidbook-html5.git

fix #1433 @1.5
---

diff --git a/style/fluidbook.less b/style/fluidbook.less
index b15c403d..17f80cb0 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -425,11 +425,11 @@ body, html {
 }
 
 #next, #previous, #down, #splash {
-	transition: opacity 1s ease-in-out;
-	-moz-transition: opacity 1s ease-in-out;
-	-webkit-transition: opacity 1s ease-in-out;
-	-o-transition: opacity 1s ease-in-out;
-	-ms-transition: opacity 1s ease-in-out;
+	transition: opacity 400ms ease-in-out;
+	-moz-transition: opacity 400ms ease-in-out;
+	-webkit-transition: opacity 400ms ease-in-out;
+	-o-transition: opacity 400ms ease-in-out;
+	-ms-transition: opacity 400ms ease-in-out;
 }
 
 #next.hidden.help, #previous.hidden.help {
@@ -681,11 +681,19 @@ footer, header, #interface {
 	-o-transition: opacity 400ms ease-in;
 	-ms-transition: opacity 400ms ease-in;
 	transition: opacity 400ms ease-in;
+	&.hidden {
+		opacity: 0;
+		z-index: 0;
+	}
 }
 
-footer.hidden, header.hidden, #interface.hidden {
-	opacity: 0;
-	z-index: 0;
+// Hack for #1433
+html.ios body.portrait #interface {
+	-moz-transition: none;
+	-webkit-transition: none;
+	-o-transition: none;
+	-ms-transition: none;
+	transition: none;
 }
 
 /* Links */
@@ -858,7 +866,7 @@ footer.hidden, header.hidden, #interface.hidden {
 
 	}
 
-	&[data-menu="webvideo"],&[data-menu="webvideo"] {
+	&[data-menu="webvideo"], &[data-menu="webvideo"] {
 		iframe {
 			width: 100%;
 			height: 100%;
@@ -1444,7 +1452,7 @@ ul.chapters {
 		.puce {
 			width: 25px;
 			height: 25px;
-			line-height:17px;
+			line-height: 17px;
 			padding: 6px;
 			color: #fff;
 			svg {