From e5a6a12dc2cb0548d35f434ef3d8e8444234bf4e Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 29 May 2019 11:21:22 +0200
Subject: [PATCH] fix #2806 @0:20

---
 style/fluidbook.less |   7 +-
 style/slider.less    | 237 ++++++++++++++++++++++---------------------
 2 files changed, 127 insertions(+), 117 deletions(-)

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 9f972356..c77872ac 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -179,8 +179,10 @@ body, html {
 }
 
 /* Orientation */
-.portrait .shade, .portrait .page.right {
-  display: none;
+.portrait #fluidbook {
+  .shade, .page.right {
+    display: none;
+  }
 }
 
 .portrait .hideOnPortrait {
@@ -1930,7 +1932,6 @@ form input[type="text"], form input[type="email"] {
     }
   }
 
-
   &.left {
     .pageholder {
       .shade {
diff --git a/style/slider.less b/style/slider.less
index d0789c9a..a28aa82d 100644
--- a/style/slider.less
+++ b/style/slider.less
@@ -1,118 +1,127 @@
 @slider-background: rgba(0, 0, 0, 0.1);
 
 #slider {
-	position: absolute;
-	height: 6px;
-	bottom: 20px;
-	cursor: pointer;
-	.hideifnot(@slider-display);
-
-	.visible {
-		height: 6px;
-		width: 100%;
-		position: relative;
-		top: 20px;
-		transition: all 250ms;
-	}
-
-	&:hover, &.drag {
-		.visible {
-			height: 12px;
-			top: 17px;
-		}
-	}
-
-	&.drag, &.hover {
-		z-index: 13;
-	}
-
-	// When help overlay is active
-	.help & {
-		z-index: 22;
-	}
-
-	#sliderback {
-		position: absolute;
-		top: -20px;
-		left: 0;
-		width: 100%;
-		z-index: 0;
-		height: 46px;
-		.visible {
-			background-color: @slider-background;
-		}
-	}
-
-	#slidercursor {
-		height: 46px;
-		position: absolute;
-		left: 0;
-		top: -20px;
-		z-index: 1;
-
-		.visible {
-			background-color: #fff;
-		}
-	}
-
-	&:hover, &.drag {
-		#slidercursor {
-			.visible {
-				height: 10px;
-				top: 18px;
-			}
-		}
-	}
-
-	@sliderthumb-height: unit(@thumb-height+60, px);
-	@sliderthumb-top: unit(-1*(@sliderthumb-height+24), px);
-
-	#sliderthumb {
-		position: absolute;
-		top: @sliderthumb-top;
-		left: 0;
-		background-color: @slider-thumb-background;
-		padding: 25px;
-		display: none;
-		width: 250px;
-		height: @sliderthumb-height;
-
-		&.single {
-			width: 150px;
-			&:after {
-				left: 59px;
-			}
-		}
-
-		&:after {
-			content: "";
-			position: absolute;
-			bottom: -16px;
-			left: 109px;
-			width: 0;
-			height: 0;
-			border-left: 16px solid transparent;
-			border-right: 16px solid transparent;
-			border-top: 16px solid @slider-thumb-background;
-			display: block;
-		}
-
-		.doubleThumb {
-			position: relative;
-
-			> .right {
-				left: 100px;
-			}
-		}
-
-		.number {
-			color: @menu-text;
-
-		}
-	}
-	&.drag, &.hover {
-		#sliderthumb {
-			display: block;
-		}
-	}
+  position: absolute;
+  height: 6px;
+  bottom: 20px;
+  cursor: pointer;
+  .hideifnot(@slider-display);
+
+  .visible {
+    height: 6px;
+    width: 100%;
+    position: relative;
+    top: 20px;
+    transition: all 250ms;
+  }
+
+  &:hover, &.drag {
+    .visible {
+      height: 12px;
+      top: 17px;
+    }
+  }
+
+  &.drag, &.hover {
+    z-index: 13;
+  }
+
+  // When help overlay is active
+  .help & {
+    z-index: 22;
+  }
+
+  #sliderback {
+    position: absolute;
+    top: -20px;
+    left: 0;
+    width: 100%;
+    z-index: 0;
+    height: 46px;
+
+    .visible {
+      background-color: @slider-background;
+    }
+  }
+
+  #slidercursor {
+    height: 46px;
+    position: absolute;
+    left: 0;
+    top: -20px;
+    z-index: 1;
+
+    .visible {
+      background-color: #fff;
+    }
+  }
+
+  &:hover, &.drag {
+    #slidercursor {
+      .visible {
+        height: 10px;
+        top: 18px;
+      }
+    }
+  }
+
+  @sliderthumb-height: unit(@thumb-height+60, px);
+  @sliderthumb-top: unit(-1*(@sliderthumb-height+24), px);
+
+  #sliderthumb {
+    position: absolute;
+    top: @sliderthumb-top;
+    left: 0;
+    background-color: @slider-thumb-background;
+    padding: 25px;
+    display: none;
+    width: 250px;
+    height: @sliderthumb-height;
+
+    &.single {
+      width: 150px;
+
+      &:after {
+        left: 59px;
+      }
+
+      .doubleThumb .thumb.right {
+        .rtl & {
+          left: 0;
+        }
+      }
+    }
+
+    &:after {
+      content: "";
+      position: absolute;
+      bottom: -16px;
+      left: 109px;
+      width: 0;
+      height: 0;
+      border-left: 16px solid transparent;
+      border-right: 16px solid transparent;
+      border-top: 16px solid @slider-thumb-background;
+      display: block;
+    }
+
+    .doubleThumb {
+      position: relative;
+
+      > .right {
+        left: 100px;
+      }
+    }
+
+    .number {
+      color: @menu-text;
+
+    }
+  }
+
+  &.drag, &.hover {
+    #sliderthumb {
+      display: block;
+    }
+  }
 }
\ No newline at end of file
-- 
2.39.5