From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 6 Feb 2018 18:46:54 +0000 (+0100)
Subject: wip #1904 @0:30
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=7de2109d699adee5e78ad913149ae3623c213192;p=fluidbook-html5.git

wip #1904 @0:30
---

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 036cf3c0..2edb2f0b 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -911,10 +911,6 @@ html.ios body.portrait #interface {
 	}
 }
 
-#links .bookmark {
-	z-index: 3;
-}
-
 #links .nonlinkarea {
 	width: 100%;
 	height: 100%;
@@ -926,12 +922,50 @@ html.ios body.portrait #interface {
 }
 
 /* Bookmarks */
+.bookmark {
+	#links & {
+		z-index: 3;
+		width: @bookmark-corner-size;
+		height: @bookmark-corner-size;
+		background-size: @bookmark-corner-size @bookmark-corner-size;
+
+		&.left {
+			left: @bookmark-corner-offset;
+			.portrait #fluidbook & {
+				right: @bookmark-corner-offset+@book-page-width;
+				left: auto;
+			}
+		}
+
+		&.right {
+			right: @bookmark-corner-offset;
+		}
+	}
+	background-repeat: no-repeat;
+	position: absolute;
+	background-size: cover;
+	top: 0px;
+	opacity: 0.01;
+	display: block;
+	cursor: pointer;
+	&[data-enabled], &:hover {
+		opacity: 1 !important;
+		-moz-transition: none;
+		-webkit-transition: none;
+		-o-transition: none;
+		-ms-transition: none;
+		transition: none;
+	}
+}
+
 .bookmark.left {
+	left: 0;
 	background-image: url("../data/images/bookmark-left-off.svg");
 }
 
 .bookmark.right,
 .portrait #fluidbook .bookmark.left {
+	right: 0;
 	background-image: url("../data/images/bookmark-right-off.svg");
 }
 
@@ -952,24 +986,6 @@ html.ios body.portrait #interface {
 //	transition: opacity 1s ease-in;
 //}
 
-.bookmark {
-	background-repeat: no-repeat;
-	background-size: cover;
-	position: absolute;
-	top: 0px;
-	opacity: 0.01;
-	display: block;
-	cursor: pointer;
-	&[data-enabled], &:hover {
-		opacity: 1 !important;
-		-moz-transition: none;
-		-webkit-transition: none;
-		-o-transition: none;
-		-ms-transition: none;
-		transition: none;
-	}
-}
-
 .landscape .bookmark.left {
 	left: 0px;
 }