Gallery: Make the minimum window size larger.

ui/file_manager/gallery/js/gallery.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 'use strict';
 
 /**
  * Called from the main frame when unloading.
  * @param {boolean=} opt_exiting True if the app is exiting.
  */
@@ skipping 250 matching lines @@
 
 /**
  * Initializes DOM UI
  * @private
  */
 Gallery.prototype.initDom_ = function() {
   // Initialize the dialog label.
   cr.ui.dialogs.BaseDialog.OK_LABEL = str('GALLERY_OK_LABEL');
   cr.ui.dialogs.BaseDialog.CANCEL_LABEL = str('GALLERY_CANCEL_LABEL');
 
-  var content = util.createChild(this.container_, 'content');
+  var content = document.querySelector('#content');
   content.addEventListener('click', this.onContentClick_.bind(this));
 
-  this.header_ = util.createChild(this.container_, 'header tool dimmable');
-  this.toolbar_ = util.createChild(this.container_, 'toolbar tool dimmable');
+  this.header_ = document.querySelector('#header');
+  this.toolbar_ = document.querySelector('#toolbar');
 
   var preventDefault = function(event) { event.preventDefault(); };
 
   var minimizeButton = util.createChild(this.header_,
                                         'minimize-button tool dimmable',
                                         'button');
   minimizeButton.tabIndex = -1;
   minimizeButton.addEventListener('click', this.onMinimize_.bind(this));
   minimizeButton.addEventListener('mousedown', preventDefault);
 
   var maximizeButton = util.createChild(this.header_,
                                         'maximize-button tool dimmable',
                                         'button');
   maximizeButton.tabIndex = -1;
   maximizeButton.addEventListener('click', this.onMaximize_.bind(this));
   maximizeButton.addEventListener('mousedown', preventDefault);
 
   var closeButton = util.createChild(this.header_,
                                      'close-button tool dimmable',
                                      'button');
   closeButton.tabIndex = -1;
   closeButton.addEventListener('click', this.onClose_.bind(this));
   closeButton.addEventListener('mousedown', preventDefault);
 
-  this.filenameSpacer_ = util.createChild(this.toolbar_, 'filename-spacer');
+  this.filenameSpacer_ = this.toolbar_.querySelector('.filename-spacer');
   this.filenameEdit_ = util.createChild(this.filenameSpacer_,
                                         'namebox', 'input');
 
   this.filenameEdit_.setAttribute('type', 'text');
   this.filenameEdit_.addEventListener('blur',
       this.onFilenameEditBlur_.bind(this));
 
   this.filenameEdit_.addEventListener('focus',
       this.onFilenameFocus_.bind(this));
 
   this.filenameEdit_.addEventListener('keydown',
       this.onFilenameEditKeydown_.bind(this));
 
-  util.createChild(this.toolbar_, 'button-spacer');
+  var middleSpacer = this.filenameSpacer_ =
+      this.toolbar_.querySelector('.middle-spacer');
+  var buttonSpacer = this.toolbar_.querySelector('button-spacer');
 
   this.prompt_ = new ImageEditor.Prompt(this.container_, str);
 
-  this.modeButton_ = util.createChild(this.toolbar_, 'button mode', 'button');
-  this.modeButton_.addEventListener('click',
-      this.toggleMode_.bind(this, null));
+  this.modeButton_ = this.toolbar_.querySelector('button.mode');
+  this.modeButton_.addEventListener('click', this.toggleMode_.bind(this, null));
 
   this.mosaicMode_ = new MosaicMode(content,
                                     this.dataModel_,
                                     this.selectionModel_,
                                     this.volumeManager_,
                                     this.toggleMode_.bind(this, null));
 
   this.slideMode_ = new SlideMode(this.container_,
                                   content,
                                   this.toolbar_,
                                   this.prompt_,
                                   this.dataModel_,
                                   this.selectionModel_,
                                   this.context_,
                                   this.toggleMode_.bind(this),
                                   str);
 
   this.slideMode_.addEventListener('image-displayed', function() {
     cr.dispatchSimpleEvent(this, 'image-displayed');
   }.bind(this));
   this.slideMode_.addEventListener('image-saved', function() {
     cr.dispatchSimpleEvent(this, 'image-saved');
   }.bind(this));
 
-  var deleteButton = this.createToolbarButton_('delete', 'GALLERY_DELETE');
+  var deleteButton = this.initToolbarButton_('delete', 'GALLERY_DELETE');
   deleteButton.addEventListener('click', this.delete_.bind(this));
 
-  this.shareButton_ = this.createToolbarButton_('share', 'GALLERY_SHARE');
+  this.shareButton_ = this.initToolbarButton_('share', 'GALLERY_SHARE');
   this.shareButton_.setAttribute('disabled', '');
   this.shareButton_.addEventListener('click', this.toggleShare_.bind(this));
 
   this.shareMenu_ = util.createChild(this.container_, 'share-menu');
   this.shareMenu_.hidden = true;
   util.createChild(this.shareMenu_, 'bubble-point');
 
   this.dataModel_.addEventListener('splice', this.onSplice_.bind(this));
   this.dataModel_.addEventListener('content', this.onContentChange_.bind(this));
 
   this.selectionModel_.addEventListener('change', this.onSelection_.bind(this));
   this.slideMode_.addEventListener('useraction', this.onUserAction_.bind(this));
 };
 
 /**
- * Creates toolbar button.
+ * Initializes a toolbar button.
  *
  * @param {string} className Class to add.
  * @param {string} title Button title.
  * @return {!HTMLElement} Newly created button.
  * @private
  */
-Gallery.prototype.createToolbarButton_ = function(className, title) {
-  var button = util.createChild(this.toolbar_, className, 'button');
+Gallery.prototype.initToolbarButton_ = function(className, title) {
+  var button = this.toolbar_.querySelector('button.' + className);
   button.title = str(title);
   return button;
 };
 
 /**
  * Loads the content.
  *
  * @param {!Array.<Entry>} entries Array of entries.
  * @param {!Array.<Entry>} selectedEntries Array of selected entries.
  */
@@ skipping 585 matching lines @@
   window.loadTimeData.data = backgroundComponents.stringData;
   gallery = new Gallery(backgroundComponents.volumeManager);
 };
 
 /**
  * Loads entries.
  */
 window.loadEntries = function(entries, selectedEntries) {
   gallery.load(entries, selectedEntries);
 };