Multi-pod support for lock screen.

ui/login/account_picker/user_pod_row.css

Index: ui/login/account_picker/user_pod_row.css
diff --git a/ui/login/account_picker/user_pod_row.css b/ui/login/account_picker/user_pod_row.css
index fd9b1ffc8d2a5ade42ccb31f701cdceefaf23282..39837802b4e33df00e9f39f16e819f7079593caf 100644
--- a/ui/login/account_picker/user_pod_row.css
+++ b/ui/login/account_picker/user_pod_row.css
@@ -45,9 +45,7 @@ pin-keyboard {
 }
 
 .pod.flying-pin-pod {
-  transition: height 180ms ease-in-out,
-              top 180ms ease-in-out,
-              width 180ms ease-in-out;
+  transition: all 180ms ease-in-out;

[jdufault, 2016/07/12 00:22:25]

Why's this change needed?

[sammiequon, 2016/07/12 19:35:56]

Done.

 }
 
 .pod.pin-enabled {
@@ -197,11 +195,17 @@ html[dir=rtl] .main-pane {
 }
 
 .name-container {
-  transition: transform 180ms;
+  transition: transform 180ms,
+              opacity 200ms ease-in-out 180ms,
+              visibility 200ms ease-in-out 180ms;

[jdufault, 2016/07/12 00:22:25]

Why 200ms duration instead of 180ms?

[sammiequon, 2016/07/12 19:35:56]

Done.

+  opacity : 1;
+  visibility: visible;
 }
 
-.pod.focused .name-container {
-  display: none;
+.name-container.pin-enabled {
+  opacity : 0;
+  transition: none;
+  visibility: hidden;
 }
 
 .pod.focused.multiprofiles-policy-applied .name-container {