Please keep jdufault@ cc'ed on all login/lockscreen bugs. He is TLing the lockscreen redesign.

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/27848b1c4ddb114bf2462ba8c6d46d9b49f489b9

commit 27848b1c4ddb114bf2462ba8c6d46d9b49f489b9
Author: wzang <wzang@chromium.org>
Date: Fri Jun 16 02:04:44 2017

Fix misplacement of signin overlay and critical update message banner

This CL combines several small changes:

1) Fix  crbug.com/732921  by using offsetWidth instead of a fixed width
value when positioning.

2) Fix  crbug.com/732683  by combining .user-image and .pod classes. The
oobe container has another class also named as .user-image so they
interfere with each other.

3) CSS style changes, including ones for easy unlock icon
(updating assets is done by CL 2934193002) and removing the sign-in
badge per the new spec.

4) Correct tab order for public session pods, also make sure that the
focus correctly goes to other small pods after leaving the public pod,
by changing display:none to opacity:0.

5) Update border style for reset screen (capturing CL 2879593005)

BUG= 732921 ,  732683 
CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:closure_compilation

Review-Url: https://codereview.chromium.org/2936173002
Cr-Commit-Position: refs/heads/master@{#479921}

[modify] https://crrev.com/27848b1c4ddb114bf2462ba8c6d46d9b49f489b9/chrome/browser/resources/chromeos/quick_unlock/md_pin_keyboard.html
[modify] https://crrev.com/27848b1c4ddb114bf2462ba8c6d46d9b49f489b9/ui/login/account_picker/md_screen_account_picker.css
[modify] https://crrev.com/27848b1c4ddb114bf2462ba8c6d46d9b49f489b9/ui/login/account_picker/md_user_pod_row.css
[modify] https://crrev.com/27848b1c4ddb114bf2462ba8c6d46d9b49f489b9/ui/login/account_picker/md_user_pod_row.js
[modify] https://crrev.com/27848b1c4ddb114bf2462ba8c6d46d9b49f489b9/ui/login/account_picker/md_user_pod_template.html
[modify] https://crrev.com/27848b1c4ddb114bf2462ba8c6d46d9b49f489b9/ui/login/md_screen_container.css

Update message is still looks off center.

Attached screenshot.

Deleted: EE1D8017-FEEA-4769-9D56-5278C3654BA9.JPG 2.7 MB

	EE1D8017-FEEA-4769-9D56-5278C3654BA9.JPG 2.7 MB View Download

c#5 is on ChromeOS 9737.0.0, 61.0.3154.0

I can't repo it on ToT. Are there more detailed repo steps?

Deleted: IMG_20170712_164728.jpg 2.7 MB

	IMG_20170712_164728.jpg 2.7 MB View Download

Just noticed that this is not seen always.

Repro steps:
1. Reboot device and check sign-in screen. Update message is off center.
2. Click on Add person button from shelf.
3. Close the login dialog by clicking 'x' button
4. Update message is aligned properly now.
5. Login to user account and log-out
6.  Update message is off center again.

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/45ccdec6a10d35aa9d6e64994905748ca23d1404

commit 45ccdec6a10d35aa9d6e64994905748ca23d1404
Author: Wenzhao Zang <wzang@chromium.org>
Date: Mon Jul 24 23:24:48 2017

Update sign in banner position at WebUI login screen

Update banner position right after message update because
|showBannerMessage| may be called after pod placement is done.

Other nonessential changes include adjusting ripple position, hide
scroll bar and error bubbles.

Bug:  732921 
Change-Id: I663517143727628ba94b7ac6a5ca555dbba1d65b
Reviewed-on: https://chromium-review.googlesource.com/571059
Reviewed-by: Alexander Alekseev <alemate@chromium.org>
Reviewed-by: Achuith Bhandarkar <achuith@chromium.org>
Commit-Queue: Wenzhao (Colin) Zang <wzang@chromium.org>
Cr-Commit-Position: refs/heads/master@{#489137}
[modify] https://crrev.com/45ccdec6a10d35aa9d6e64994905748ca23d1404/chrome/browser/resources/chromeos/quick_unlock/md_pin_keyboard.html
[modify] https://crrev.com/45ccdec6a10d35aa9d6e64994905748ca23d1404/ui/login/account_picker/md_screen_account_picker.css
[modify] https://crrev.com/45ccdec6a10d35aa9d6e64994905748ca23d1404/ui/login/account_picker/md_user_pod_row.js

This bug requires manual review: M61 has already been promoted to the beta branch, so this requires manual review
Please contact the milestone owner if you have questions.
Owners: amineer@(Android), cmasso@(iOS), ketakid@(ChromeOS), govind@(Desktop)

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Approving merge to M61 Chrome OS.

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/cbf47df4b1f523323a3ddbc958c5edc7068844a6

commit cbf47df4b1f523323a3ddbc958c5edc7068844a6
Author: Wenzhao Zang <wzang@chromium.org>
Date: Thu Aug 10 00:36:07 2017

Update sign in banner position at WebUI login screen

Update banner position right after message update because
|showBannerMessage| may be called after pod placement is done.

Other nonessential changes include adjusting ripple position, hide
scroll bar and error bubbles.

TBR=wzang@chromium.org

(cherry picked from commit 45ccdec6a10d35aa9d6e64994905748ca23d1404)

Bug:  732921 
Change-Id: I663517143727628ba94b7ac6a5ca555dbba1d65b
Reviewed-on: https://chromium-review.googlesource.com/571059
Reviewed-by: Alexander Alekseev <alemate@chromium.org>
Reviewed-by: Achuith Bhandarkar <achuith@chromium.org>
Commit-Queue: Wenzhao (Colin) Zang <wzang@chromium.org>
Cr-Original-Commit-Position: refs/heads/master@{#489137}
Reviewed-on: https://chromium-review.googlesource.com/609274
Reviewed-by: Wenzhao (Colin) Zang <wzang@chromium.org>
Cr-Commit-Position: refs/branch-heads/3163@{#420}
Cr-Branched-From: ff259bab28b35d242e10186cd63af7ed404fae0d-refs/heads/master@{#488528}
[modify] https://crrev.com/cbf47df4b1f523323a3ddbc958c5edc7068844a6/chrome/browser/resources/chromeos/quick_unlock/md_pin_keyboard.html
[modify] https://crrev.com/cbf47df4b1f523323a3ddbc958c5edc7068844a6/ui/login/account_picker/md_screen_account_picker.css
[modify] https://crrev.com/cbf47df4b1f523323a3ddbc958c5edc7068844a6/ui/login/account_picker/md_user_pod_row.js