[New Tab Page] Reset default parameters for NTP title.html, adding param for multiline.

chrome/browser/resources/local_ntp/most_visited_util.js

 // Copyright 2013 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.
 
 
 /**
  * @fileoverview Utilities for rendering most visited thumbnails and titles.
  */
 
 <include src="instant_iframe_validation.js">
@@ skipping 100 matching lines @@
   link.style.fontSize = styles.fontSize + 'px';
   if (styles.fontFamily)
     link.style.fontFamily = styles.fontFamily;
   if (styles.textAlign)
     link.style.textAlign = styles.textAlign;
   if (styles.textFadePos) {
     var dir = /^rtl$/i.test(direction) ? 'to left' : 'to right';
     // The fading length in pixels is passed by the caller.
     var mask = 'linear-gradient(' + dir + ', rgba(0,0,0,1), rgba(0,0,0,1) ' +
         styles.textFadePos + 'px, rgba(0,0,0,0))';
-    link.style.lineHeight = 'auto';
     link.style.textOverflow = 'clip';
     link.style.webkitMask = mask;
-    link.style.whiteSpace = 'nowrap';
+  }
+  if (styles.numTitleLines && styles.numTitleLines > 1) {
+    link.classList.add('multiline');
   }
 
   link.href = href;
   link.title = title;
   link.target = '_top';
   // Include links in the tab order.  The tabIndex is necessary for
   // accessibility.
   link.tabIndex = '0';
-  if (text)
-    link.textContent = text;
+  if (text) {
+    // Wrap text with span so ellipsis will appear at the end of multiline.
+    var spanWrap = document.createElement('span');
+    spanWrap.textContent = text;
+    link.appendChild(spanWrap);
+  }
   link.addEventListener('mouseover', function() {
     var ntpApiHandle = chrome.embeddedSearch.newTabPage;
     ntpApiHandle.logEvent(NTP_LOGGING_EVENT_TYPE.NTP_MOUSEOVER);
   });
   link.addEventListener('focus', function() {
     window.parent.postMessage('linkFocused', DOMAIN_ORIGIN);
   });
   link.addEventListener('blur', function() {
     window.parent.postMessage('linkBlurred', DOMAIN_ORIGIN);
   });
@@ skipping 72 matching lines @@
   return c;
 }
 
 
 /**
  * Decodes most visited styles from URL parameters.
  * - c: A hexadecimal number interpreted as a hex color code.
  * - f: font-family.
  * - fs: font-size as a number in pixels.
  * - ta: text-align property, as a string.
- * - tf: specifying a text fade starting position, in pixels.
+ * - tf: text fade starting position, in pixels.
+ * - ntl: number of lines in the title.
  * @param {Object<string, string>} params URL parameters specifying style.
  * @param {boolean} isTitle if the style is for the Most Visited Title.
  * @return {Object} Styles suitable for CSS interpolation.
  */
 function getMostVisitedStyles(params, isTitle) {
   var styles = {
     color: getTextColor(params, isTitle),  // Handles 'c' in params.
     fontFamily: '',
     fontSize: 11
   };
   if ('f' in params && /^[-0-9a-zA-Z ,]+$/.test(params.f))
     styles.fontFamily = params.f;
   if ('fs' in params && isFinite(parseInt(params.fs, 10)))
     styles.fontSize = parseInt(params.fs, 10);
   if ('ta' in params && /^[-0-9a-zA-Z ,]+$/.test(params.ta))
     styles.textAlign = params.ta;
   if ('tf' in params) {
     var tf = parseInt(params.tf, 10);
     if (isFinite(tf))
       styles.textFadePos = tf;
   }
+  if ('ntl' in params) {
+    var ntl = parseInt(params.ntl, 10);
+    if (isFinite(ntl))
+      styles.numTitleLines = ntl;
+  }
   return styles;
 }
 
 
 /**
  * @param {string} location A location containing URL parameters.
  * @param {function(Object, Object)} fill A function called with styles and
  *     data to fill.
  */
 function fillMostVisited(location, fill) {
@@ skipping 47 matching lines @@
   if (navigator.sendBeacon) {
     navigator.sendBeacon(url);
   } else {
     // if sendBeacon is not enabled, we fallback for "a ping".
     var a = document.createElement('a');
     a.href = '#';
     a.ping = url;
     a.click();
   }
 }