cros: Fixed 3 bugs for pin unlock.

ui/login/account_picker/user_pod_row.css

 /* 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.
  *
  * This is the stylesheet used by user pods row of account picker UI.
  */
 
 podrow {
   /* Temporarily disabled because animation interferes with updating screen's
    size. */
@@ skipping 175 matching lines @@
   padding: 11.5px 10px;
   position: relative;
   width: 43px;
 }
 
 .auth-container .submit-button.error-shown {
   color: #CD2A00;
 }
 
 .name-container {
-  transition: transform 180ms,
-              opacity 180ms ease-in-out 180ms,
-              visibility 180ms ease-in-out 180ms;
-  opacity : 1;
-  visibility: visible;
+  transition: transform 180ms;
 }
 
-.name-container.pin-enabled {
-  opacity : 0;
-  transition: none;
-  visibility: hidden;
+.pod.focused .name-container {

[jdufault, 2016/10/19 18:12:29]

What is the name-container used for? We want to always hide it whenever the pod
is focused?

[sammiequon, 2016/10/19 21:08:10]

The name container shows the name when there are multiple pods. It is hidden in
place of the password container when the pod is focused.

[jdufault, 2016/10/19 22:13:25]

What used to hide this if the PIN keyboard was not enabled?

[sammiequon, 2016/10/20 16:50:00]

This same section. I removed it earlier because the name was looking funny on
the old mocks.

+  display: none;
 }
 
 .pod.focused.multiprofiles-policy-applied .name-container {
   display: flex;
 }
 
 .name {
   color: #565656;
   /* This should be 15.6px - the equivalent of 14px at 90% scale. */
   flex: auto;
@@ skipping 186 matching lines @@
 
 @-webkit-keyframes easy-unlock-spinner-animation {
   from { background-position: 0 }
   to { background-position: -1215px }
 }
 
 .interactive-custom-icon {
   cursor: pointer;
 }
 
+.pod[auth-type='onlineSignIn'] .custom-icon-container {
+  display: none;
+}
+
 .custom-icon-container {
   display: flex;
   flex: none;
   flex-direction: column;
   height: 43px;
   width: 27px;
 }
 
 .launch-app-button-container {
   display: block;
@@ skipping 474 matching lines @@
   -webkit-animation: ellipsis-component2 1.5s infinite;
 }
 
 @-webkit-keyframes ellipsis-component2 {
   0% { opacity: 0; }
   25% { opacity: 0; }
   50% { opacity: 0; }
   75% { opacity: 1; }
   100% { opacity: 0; }
 }