cros: Account picker UI for public account.

chrome/browser/resources/chromeos/login/user_pod_row.css

Index: chrome/browser/resources/chromeos/login/user_pod_row.css
diff --git a/chrome/browser/resources/chromeos/login/user_pod_row.css b/chrome/browser/resources/chromeos/login/user_pod_row.css
index 7bb0e24e1ea1aa82509b4bd5ad4d89e26b8b2771..f7ff6e3bab5f6e337d2bf7c7c268bc86cc5f3798 100644
--- a/chrome/browser/resources/chromeos/login/user_pod_row.css
+++ b/chrome/browser/resources/chromeos/login/user_pod_row.css
@@ -144,7 +144,7 @@ html[oobe=new] .name {
   opacity: 0;
 }
 
-.pod.focused .name {
+.pod.need-password.focused .name {
   display: none;
 }
 
@@ -174,7 +174,8 @@ html[oobe=new] .pod input[type='password'] {
   outline: none;
 }
 
-.pod:not(.focused) input[type='password'] {
+.pod:not(.focused) input[type='password'],
+.pod:not(.need-password).focused input[type='password'] {

[bartfab (slow), 2012/11/28 15:11:38]

How about you add |display: none| to the rule in 151 and then simplify and
reverse this rule to:

.pod.need-password.focused input[type='password'] {
  display: inline-block;
}

[xiyuan, 2012/12/01 00:24:19]

Yep, it works. Changed as suggested.

   display: none;
 }
 
@@ -233,6 +234,17 @@ html[dir=rtl] .pod .capslock-hint {
   visibility: visible;
 }
 
+.pod .managed-badge {
+  bottom: 15px;
+  position: absolute;
+  right: 10px;

[bartfab (slow), 2012/11/28 15:11:38]

Should this have a "left: auto" to go with the "right: 10px"?

Also note that the badge position is different in the mock. This may be OK but
please check with the UI people.

[xiyuan, 2012/12/01 00:24:19]

The mock's pod is a bit different from the current style in use and the icon
size is 20px (41 physical pixels) in mock but the icon asset we have is 16px.
I'll leave this part until we finalize.

Also changed to to use background image instead of an img element now.

+}
+
+html[dir=rtl] .pod .managed-badge {
+  left: 10px;
+  right: auto;
+}
+
 .remove-user-button {
   -webkit-transition: width 100ms ease-in-out, background 200ms ease-in-out;
   background: -webkit-image-set(
@@ -313,4 +325,4 @@ html[oobe=old] .pod.focused .signed-in-indicator {
   /* Track shifting of .user-image on pod focus. */
   -webkit-transform: translateY(-1px);
   -webkit-transition: -webkit-transform 140ms ease;
-}
+}

[bartfab (slow), 2012/11/28 15:11:38]

Did you accidentally add trailing whitespace here?

[xiyuan, 2012/12/01 00:24:19]

My vim automatically adds a new line break here.