Center lock screen user pod when virtual keyboard is shown.

chrome/browser/resources/login/display_manager.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.
 
 /**
  * @fileoverview Display manager for WebUI OOBE and login.
  */
 
 // TODO(xiyuan): Find a better to share those constants.
 /** @const */ var SCREEN_OOBE_NETWORK = 'connect';
@@ skipping 161 matching lines @@
      */
     forceKeyboardFlow_: false,
 
     /**
      * Whether virtual keyboard is shown.
      * @type {boolean}
      */
     virtualKeyboardShown_: false,
 
     /**
+     * Virtual keyboard width.
+     * @type {number}
+     */
+    virtualKeyboardWidth_: 0,
+
+    /**
+     * Virtual keyboard height.
+     * @type {number}
+     */
+    virtualKeyboardHeight_: 0,
+
+    /**
      * Type of UI.
      * @type {string}
      */
     displayType_: DISPLAY_TYPE.UNKNOWN,
 
     /**
      * Error message (bubble) was shown. This is checked in tests.
      */
     errorMessageWasShownForTesting_: false,
 
@@ skipping 45 matching lines @@
      */
     get virtualKeyboardShown() {
       return this.virtualKeyboardShown_;
     },
 
     set virtualKeyboardShown(shown) {
       this.virtualKeyboardShown_ = shown;
     },
 
     /**
+     * Sets the current size of the virtual keyboard.
+     * @param {number} width keyboard width
+     * @param {number} height keyboard height
+     */
+    setVirtualKeyboardSize: function(width, height) {
+      this.virtualKeyboardWidth_ = width;
+      this.virtualKeyboardHeight_ = height;
+
+      // Special case for screen lock. http://crbug.com/377904
+      // In case of virtual keyboard adjuct work area.
+      if (this.displayType == DISPLAY_TYPE.LOCK) {
+        var bottom = (height) ? height : $('login-header-bar').offsetHeight;
+        var clientArea = $('outer-container');
+        clientArea.style.bottom = cr.ui.toCssPx(bottom);
+      }
+    },
+
+    /**
      * Sets the current size of the client area (display size).
      * @param {number} width client area width
      * @param {number} height client area height
      */
     setClientAreaSize: function(width, height) {
       var clientArea = $('outer-container');
       var bottom = parseInt(window.getComputedStyle(clientArea).bottom);
-      clientArea.style.minHeight = (height - bottom) + 'px';
+      clientArea.style.minHeight = cr.ui.toCssPx(height - bottom);
     },
 
     /**
      * Toggles background of main body between transparency and solid.
      * @param {boolean} solid Whether to show a solid background.
      */
     set solidBackground(solid) {
       if (solid)
         document.body.classList.add('solid');
       else
@@ skipping 730 matching lines @@
    */
   DisplayManager.refocusCurrentPod = function() {
     $('pod-row').refocusCurrentPod();
   };
 
   // Export
   return {
     DisplayManager: DisplayManager
   };
 });