From d45d62235438ea0f15a78deec589955b0d190643 Mon Sep 17 00:00:00 2001
From: Rob Wu <gwnRob@gmail.com>
Date: Wed, 11 Sep 2013 18:56:10 +0200
Subject: [PATCH] Fix layout of main toolbar
Before this commit there were two main issues:
- In small windows, the zoom controls visually floated above the page number
(e.g. 733px).
- In small windows, the (transparent) zoom container covered the go-to-page
input box, which prevented one from using the input field to quickly navigate
to a different page.
---
web/viewer.css | 20 ++++++++++++--------
1 file changed, 12 insertions(+), 8 deletions(-)
diff --git a/web/viewer.css b/web/viewer.css
index 9ad8b34da..e437edcc9 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -104,24 +104,28 @@ select {
}
/* outer/inner center provides horizontal center */
+.outerCenter {
+ pointer-events: none;
+ position: relative;
+}
html[dir='ltr'] .outerCenter {
float: right;
- position: relative;
right: 50%;
}
html[dir='rtl'] .outerCenter {
float: left;
- position: relative;
left: 50%;
}
+.innerCenter {
+ pointer-events: auto;
+ position: relative;
+}
html[dir='ltr'] .innerCenter {
float: right;
- position: relative;
right: -50%;
}
html[dir='rtl'] .innerCenter {
float: left;
- position: relative;
left: -50%;
}
@@ -1430,12 +1434,12 @@ canvas {
html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter {
float: left;
- left: 185px;
+ left: 205px;
}
html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter {
float: right;
- right: 185px;
+ right: 205px;
}
}
@@ -1479,11 +1483,11 @@ canvas {
html[dir='ltr'] .outerCenter {
float: left;
- left: 185px;
+ left: 205px;
}
html[dir='rtl'] .outerCenter {
float: right;
- right: 185px;
+ right: 205px;
}
#outerContainer .hiddenLargeView,