Signin screen polish in response to UI review

ui/login/account_picker/md_user_pod_row.js

 // 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.
 
 /**
  * @fileoverview User pod row implementation.
  */
 
 cr.define('login', function() {
   /**
@@ skipping 2351 matching lines @@
                                   this.user.initialLocale,
                                   this.user.initialMultipleRecommendedLocales);
     },
 
     /** @override **/
     update: function() {
       UserPod.prototype.update.call(this);
       this.querySelector('.info').textContent =
           loadTimeData.getStringF('publicAccountInfoFormat',
                                   this.user_.enterpriseDomain);
+      if (this.querySelector('.full-name'))
+        this.querySelector('.full-name').textContent = this.user_.displayName;
     },
 
     /** @override */
     focusInput: function() {
       // Move tabIndex from the whole pod to the main input.
       this.tabIndex = -1;
       this.mainInput.tabIndex = UserPodTabOrder.POD_INPUT;
       this.mainInput.focus();
     },
 
@@ skipping 66 matching lines @@
       }
       chrome.send('launchHelpApp', [HELP_TOPIC_PUBLIC_SESSION]);
       stopEventPropagation(event);
     },
 
     /**
      * Transition the expanded pod from the basic to the advanced view.
      */
     transitionToAdvanced_: function() {
       this.classList.add('advanced');
-      // TODO(wzang): Add transition animation when its spec becomes available.
     },
 
     /**
      * Show a dialog when user clicks on learn more (monitoring) button.
      */
     onMonitoringLearnMoreClicked_: function() {
       if (!this.dialogContainer_) {
         this.dialogContainer_ = document.createElement('div');
         this.dialogContainer_.classList.add('monitoring-dialog-container');
         var topContainer = document.querySelector('#scroll-container');
@@ skipping 1432 matching lines @@
         // long names don't exceed maximum pod width.
         var nameArea = pod.querySelector('.name-container');
         var leftMargin = (CROS_POD_WIDTH - pod.nameElement.offsetWidth) / 2;
         if (leftMargin > 0) {
           nameArea.style.left = cr.ui.toCssPx(leftMargin);
           nameArea.style.right = 'auto';
         } else {
           pod.nameElement.style.width = cr.ui.toCssPx(CROS_POD_WIDTH);
           nameArea.style.left = cr.ui.toCssPx(0);
           nameArea.style.right = 'auto';
+          // For public session pods whose names are cut off, add a banner
+          // which shows the full name upon hovering.
+          if (pod.isPublicSessionPod && !pod.querySelector('.full-name')) {
+            var fullNameContainer = document.createElement('div');
+            fullNameContainer.classList.add('full-name');
+            fullNameContainer.textContent = pod.nameElement.textContent;
+            nameArea.appendChild(fullNameContainer);
+          }
         }
 
         // Update info container area for public session pods.
         if (pod.isPublicSessionPod) {
           var infoElement = pod.querySelector('.info');
           var infoIcon = pod.querySelector('.learn-more');
           var totalWidth = PUBLIC_SESSION_ICON_WIDTH + infoElement.offsetWidth;
           var infoLeftMargin = (CROS_POD_WIDTH - totalWidth) / 2;
           if (infoLeftMargin > 0) {
             infoIcon.style.left = cr.ui.toCssPx(infoLeftMargin);
@@ skipping 776 matching lines @@
       if (pod && pod.multiProfilesPolicyApplied) {
         pod.userTypeBubbleElement.classList.remove('bubble-shown');
       }
     }
   };
 
   return {
     PodRow: PodRow
   };
 });