From: Yury Delendik <ydelendik@mozilla.com>
Date: Mon, 21 May 2012 15:59:43 +0000 (-0500)
Subject: Simplify small screen CSS logic
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=35171a8d31d3a75a80181689053f3e42e4f5a093;p=pdf.js.git

Simplify small screen CSS logic
---

diff --git a/web/viewer.css b/web/viewer.css
index c5994d3..d0a7be9 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -937,17 +937,26 @@ canvas {
   font-size: 10px;
 }
 
-@media all and (max-width: 770px) {
-  #scaleSelectContainer, #pageNumberLabel {
-    display: none;
+@media all and (max-width: 950px) {
+  html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
+  html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter {
+    float: left;
+    left: 180px;
+  }
+  html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
+  html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter {
+    float: right;
+    right: 180px;
   }
+}
 
+@media all and (max-width: 770px) {
   #sidebarContainer {
     top: 33px;
     z-index: 100;
   }
   #sidebarContent {
-    top: 33px;
+    top: 32px;
     background-color: hsla(0,0%,0%,.7);
   }
   #thumbnailView, #outlineView {
@@ -961,16 +970,6 @@ canvas {
     right: 0px;
   }
 
-  #pageNumber {
-    width: 30px;
-  }
-}
-
-@media all and (max-width: 500px) {
-  #viewBookmark {
-    display: none;
-  }
-
   html[dir='ltr'] .outerCenter {
     float: left;
     left: 180px;
@@ -980,3 +979,9 @@ canvas {
     right: 180px;
   }
 }
+
+@media all and (max-width: 600px) {
+  #toolbarViewerRight {
+    display: none;
+  }
+}