From d45d62235438ea0f15a78deec589955b0d190643 Mon Sep 17 00:00:00 2001 From: Rob Wu 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,