more stuff

Author: jashkenas

public/javascripts/DV/helpers/construction.js

@@ -266,13 +266,8 @@ DV._.extend(DV.Schema.helpers, {
     }
 
     this.viewer.elements.viewer.toggleClass('DV-hideSidebar', !this.viewer.options.sidebarVisible);
-
-    // Check if the zoom is showing, and if not, shorten the width of search
-    DV._.defer(DV._.bind(function() {
-      if ((this.elements.viewer.width() <= 700) && (showAnnotations || showPages || showSearch)) {
-        this.viewer.$('.DV-controls').addClass('DV-narrowControls');
-      }
-    }, this));
+    this.viewer.elements.viewer.toggleClass('DV-mini', !this.viewer.options.sidebarVisible);
+    this.viewer.elements.viewer.toggleClass('DV-supermini', this.viewer.elements.viewer.width() < 500);
 
     // Set the currentPage element reference.
     this.elements.currentPage = this.viewer.$('span.DV-currentPage');

public/javascripts/DV/models/page.js

@@ -57,7 +57,7 @@ DV.model.Pages.prototype = {
 
   // Return the appropriate padding for the size of the viewer.
   getPadding: function() {
-    if (this.viewer.options.mini) {
+    if (this.viewer.elements.viewer.hasClass('DV-mini')) {
       return this.MINI_PADDING;
     } else if (this.viewer.options.zoom == 'auto') {
       return this.REDUCED_PADDING;

public/stylesheets/DV/components/minimode.css

@@ -2,11 +2,18 @@
 /* = Header = */
 /* ========== */
 
-.DV-docViewer .DV-narrowControls .DV-searchBar {
+.DV-mini .DV-searchBox {
+  margin-top: 2px;
+}
+  .DV-mini .DV-searchInput {
+    padding: 3px 20px 2px;
+  }
+
+.DV-mini .DV-searchBar {
   right: 16px;
 }
 
-.DV-docViewer .DV-narrowControls .DV-searchInput {
+.DV-mini .DV-searchInput {
   width: 80px;
 }
 

public/stylesheets/DV/components/ui-search.css

@@ -26,6 +26,9 @@
 .DV-docViewer.DV-searchable .DV-searchBox {
   display:inline;
 }
+.DV-docViewer.DV-supermini .DV-searchBox {
+  display: none;
+}
 
 .DV-docViewer .DV-searchInput {
   display: block;
@@ -34,15 +37,15 @@
   margin: 2px 5px 0 0;
   padding: 4px 20px 3px;
   height: auto;
-  width:210px;
+  width:215px;
   font-size: 11px;
   line-height: 14px;
   background: #FFF url(../../../images/DV/embed/search_icon.png) no-repeat 5px 5px;
   outline: none;
 }
 
 .DV-docViewer .DV-searchInput[type=text] {
-  margin: 4px 10px 0 0;
+  margin: 2px 5px 0 0;
 }
 .DV-searchInput.placeholder {
   color: #A0A0A0;

public/stylesheets/DV/components/ui-zoom.css

@@ -5,7 +5,7 @@
   margin: 7px 20px 0 0;
   position: relative;
 }
-  .DV-narrowControls .DV-zoomControls {
+  .DV-mini .DV-zoomControls {
     margin-right: 15px;
   }
 
@@ -28,7 +28,7 @@
   position:relative;
   cursor: pointer;
 }
-  .DV-narrowControls .DV-zoomBox {
+  .DV-mini .DV-zoomBox {
     background: url(../../../images/DV/embed/bar_small.png) repeat-x 0 88%;
     width:49px;
   }