Adds support for dynamically setting the title

components/dom_distiller/core/javascript/dom_distiller_viewer.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.
 
 function addToPage(html) {
   var div = document.createElement('div');
   div.innerHTML = html;
   document.getElementById('content').appendChild(div);
 }
 
 function showLoadingIndicator(isLastPage) {
   document.getElementById('loadingIndicator').className =
       isLastPage ? 'hidden' : 'visible';
   updateLoadingIndicator(isLastPage);
 }
 
+// Sets the title. The title will be exposed with a simple animation. This
+// should only be used when the title was not included in the initial html.
+function setTitle(title) {
+  var holder = document.getElementById('titleHolder');
+  var collapse = document.getElementById('titleCollapse');
+
+  collapse.style.height = "0px";
+
+  holder.textContent = title;
+  var newHeight = Math.max(90, holder.getBoundingClientRect().height);
+
+  collapse.style.transition = "height 0.2s";

[mdjones, 2015/04/03 22:35:39]

Note that "transition" is not a standard feature:

https://developer.mozilla.org/en-US/docs/Web/CSS/transition#Browser_compatibi...

+  collapse.style.height = newHeight + "px";
+}
+
 // Maps JS Font Family to CSS class and then changes body class name.
 // CSS classes must agree with distilledpage.css.
 function useFontFamily(fontFamily) {
   var cssClass;
   if (fontFamily == "serif") {
     cssClass = "serif";
   } else if (fontFamily == "monospace") {
     cssClass = "monospace";
   } else {
     cssClass = "sans-serif";
@@ skipping 40 matching lines @@
 }();
 
 // Add a listener to the "View Original" link to report opt-outs.
 document.getElementById('showOriginal').addEventListener('click', function(e) {
   var img = document.createElement('img');
   img.src = "/vieworiginal";
   img.style.display = "none";
   document.body.appendChild(img);
 }, true);