[cros] OOBE transitions polishing.

chrome/browser/resources/chromeos/login/display_manager.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.
 
 /**
  * @fileoverview Display manager for WebUI OOBE and login.
  */
 
 // TODO(xiyuan): Find a better to share those constants.
 /** @const */ var SCREEN_OOBE_NETWORK = 'connect';
@@ skipping 217 matching lines @@
                 oldStep.classList.contains('right')) {
               oldStep.classList.remove('animation');
               oldStep.classList.add('hidden');
             }
           });
         } else {
           oldStep.classList.add('hidden');
         }
       } else {
         // First screen on OOBE launch.
-        $('inner-container').classList.remove('down');
-        newHeader.classList.remove('right');
+        var innerContainer = $('inner-container');
+        innerContainer.classList.remove('down');
+        innerContainer.addEventListener(
+            'webkitTransitionEnd', function f(e) {
+              innerContainer.removeEventListener('webkitTransitionEnd', f);
+              $('progress-dots').classList.remove('down');
+            });
+        newHeader.classList.remove('right');  // Old OOBE.
         // Report back first OOBE screen being painted.
         window.webkitRequestAnimationFrame(function() {
           chrome.send('loginVisible');
         });
       }
       this.currentStep_ = nextStepIndex;
       $('oobe').className = nextStepId;
 
       $('step-logo').hidden = newStep.classList.contains('no-logo');
     },
@@ skipping 63 matching lines @@
 
     /**
      * Updates inner container size based on the size of the current screen and
      * other screens in the same group.
      * Should be executed on screen change / screen size change.
      * @param {!HTMLElement} screen Screen that is being shown.
      */
     updateInnerContainerSize_: function(screen) {
       var height = screen.offsetHeight;
       var width = screen.offsetWidth;
-      for (var i = 0, screenGroup; screenGroup = SCREEN_GROUPS[i]; i++) {
-        if (screenGroup.indexOf(screen.id) != -1) {
-          // Set screen dimensions to maximum dimensions within this group.
-          for (var j = 0, screen2; screen2 = $(screenGroup[j]); j++) {
-            height = Math.max(height, screen2.offsetHeight);
-            width = Math.max(width, screen2.offsetWidth);
+      if (this.isNewOobe()) {
+        for (var i = 0, screenGroup; screenGroup = SCREEN_GROUPS[i]; i++) {
+          if (screenGroup.indexOf(screen.id) != -1) {
+            // Set screen dimensions to maximum dimensions within this group.
+            for (var j = 0, screen2; screen2 = $(screenGroup[j]); j++) {
+              height = Math.max(height, screen2.offsetHeight);
+              width = Math.max(width, screen2.offsetWidth);
+            }
+            break;
           }
-          break;
         }
       }
       $('inner-container').style.height = height + 'px';
       if (this.isNewOobe()) {
         $('inner-container').style.width = width + 'px';
-        // This requires |screen| to have |box-sizing: border-box|.
+        // This requires |screen| to have 'box-sizing: border-box'.
         screen.style.width = width + 'px';
         screen.style.height = height + 'px';
       }
     },
 
     /**
      * Updates localized content of the screens like headers, buttons and links.
      * Should be executed on language change.
      */
     updateLocalizedContent_: function() {
@@ skipping 197 matching lines @@
         });
       }
     }
   };
 
   // Export
   return {
     DisplayManager: DisplayManager
   };
 });