fix #1433 @1.5

diff --git a/style/fluidbook.less b/style/fluidbook.less
index b15c403dde305f171b5a3531c82d35cd10c43cb1..17f80cb03f876420973853dde036e899e6c21903 100644 (file)
--- 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 {