NTP5: Implementing two rows option for Apps.

chrome/browser/resources/ntp_search/tile_page.js

 // Copyright (c) 2012 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.
 
 cr.define('ntp', function() {
   'use strict';
 
 
   /**
    * The maximum gap from the edge of the scrolling area which will display
    * the shadow with transparency. After this point the shadow will become
    * 100% opaque.
    * @type {number}
    * @const
    */
   var MAX_SCROLL_SHADOW_GAP = 16;
 
   /**
    * @type {number}
    * @const
    */
-  var TILE_ROW_HEIGHT = 92;
-
-  /**
-   * @type {number}
-   * @const
-   */
   var SCROLL_BAR_WIDTH = 12;
 
   //----------------------------------------------------------------------------
   // Tile
   //----------------------------------------------------------------------------
 
   /**
    * A virtual Tile class. Each TilePage subclass should have its own Tile
    * subclass implemented too (e.g. MostVisitedPage contains MostVisited
    * tiles, and MostVisited is a Tile subclass).
@@ skipping 531 matching lines @@
      * @private
      * @return {!{top: number, left: number}} Position.
      */
     getTilePosition_: function(index) {
       var colCount = this.colCount_;
       var row = Math.floor(index / colCount);
       var col = index % colCount;
       if (isRTL())
         col = colCount - col - 1;
       var config = this.config;
-      var top = TILE_ROW_HEIGHT * row;
+      var top = ntp.TILE_ROW_HEIGHT * row;
       var left = col * (config.cellWidth + config.cellMarginStart);
       return {top: top, left: left};
     },
 
     // rendering
     // -------------------------------------------------------------------------
 
     /**
      * Renders the tile grid, and the individual tiles. Rendering the grid
      * consists of adding/removing tile rows and tile cells according to the
@@ skipping 93 matching lines @@
      * Panel's size. This method will resize the containers of the tile page,
      * and re-render the grid when its dimension changes (number of columns or
      * visible rows changes). This method also sets the private properties
      * |numOfVisibleRows_| and |animatingColCount_|.
      *
      * This method should be called every time the dimension of the grid changes
      * or when you need to reinforce its dimension.
      * @param {boolean=} opt_animate Whether the layout be animated.
      */
     layout: function(opt_animate) {
+      var contentHeight = ntp.getContentHeight();
+      this.content_.style.height = contentHeight + 'px';
+
       var contentWidth = ntp.getContentWidth();
       var colCount = this.getColCountForWidth_(contentWidth);
       var lastColCount = this.colCount_;
       var animatingColCount = this.animatingColCount_;
       if (colCount != animatingColCount) {
         if (opt_animate)
           this.tileGrid_.classList.add('animate-grid-width');
 
         if (colCount > animatingColCount) {
           // If the grid is expanding, it needs to be rendered first so the
@@ skipping 398 matching lines @@
       tile.scrollTop;
       tile.classList.remove(className);
     }
   }
 
   return {
     Tile: Tile,
     TilePage: TilePage,
   };
 });