cros: Account picker UI for public account.

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

 /* Copyright (c) 2012 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 {
   -webkit-box-align: center;
   -webkit-box-pack: center;
@@ skipping 126 matching lines @@
   font-size: 16px;
   height: 26px;
   overflow: hidden;
   white-space: nowrap;
 }
 
 .name.init {
   opacity: 0;
 }
 
-.pod.focused .name {
+.pod.need-password.focused .name {
   display: none;
 }
 
 .pod input[type='password'] {
   box-sizing: border-box;
   padding: 4px 6px;
   width: 100%;
 }
 
 html[oobe=old] .pod input[type='password'] {
   -webkit-border-radius: 2px;
   -webkit-transition: box-shadow 100ms, background 100ms, border 500ms;
   border: 1px solid #aaa;
   box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1),
               0 1px 0 white,
               0 0 1px transparent,
               0 0 1px transparent,
               0 0 1px transparent;
   height: 26px;
 }
 
 html[oobe=new] .pod input[type='password'] {
   -webkit-transition: opacity linear 150ms;
   background: white;
   border: none;
   height: 40px;
   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;
 }
 
 html[oobe=old] .pod input[type='password']:focus {
   -webkit-transition: box-shadow 200ms, background 200ms, border 200ms;
   background: #f8f8f8;
   border-color: rgb(64, 128, 250);
   box-shadow: inset 0 2px 2px rgba(0, 0, 0, .15),
               0 1px 0 transparent,
               0 0 1px #c0c0c0,
@@ skipping 38 matching lines @@
 
 html[dir=rtl] .pod .capslock-hint {
   left: 10px;
   right: auto;
 }
 
 .capslock-on .pod.focused input[type='password']:not([hidden]) ~ .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(
       url('../../../../../ui/resources/default_100_percent/close_bar.png') 1x,
       url('../../../../../ui/resources/default_200_percent/close_bar.png') 2x)
       center center no-repeat;
   background-color: rgba(255, 255, 255, 0.3);
   border-radius: 2px;
   box-shadow: none;
   height: 16px;
@@ skipping 60 matching lines @@
 }
 
 html[oobe=old] .signed-in-indicator {
   margin: 5px;
 }
 
 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.