MD Settings: Show password tooltip for full URL.

chrome/browser/resources/settings/passwords_and_forms_page/passwords_section.html

 <link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action_menu.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/action_link.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-tooltip/paper-tooltip.html">
 <link rel="import" href="../controls/settings_toggle_button.html">
 <link rel="import" href="../controls/extension_controlled_indicator.html">
 <link rel="import" href="../controls/settings_toggle_button.html">
 <link rel="import" href="../global_scroll_target_behavior.html">
 <link rel="import" href="../prefs/prefs.html">
 <link rel="import" href="../settings_shared_css.html">
 <link rel="import" href="password_edit_dialog.html">
 <link rel="import" href="passwords_shared_css.html">
 
 <dom-module id="passwords-section">
@@ skipping 15 matching lines @@
       #originUrl {
         /* The following non-flex directives allow eliding long originUrls from
          * the left. Forcing rtl should not cause an issue for right-to-left
          * languages in this case, since valid URL characters are restricted to
          * ASCII.
          */
          direction: rtl;
          display: flex;
       }
 
+      #originUrl paper-tooltip {
+        /* URL in the tooltip should be LTR. */
+        direction: ltr;
+      }
+
       .username-column {
         -webkit-margin-end: 8px;
         -webkit-margin-start: 8px;
         flex: 2;
       }
 
       .password-column {
         align-items: center;
         display: flex;
         flex: 2;
@@ skipping 52 matching lines @@
           items="[[getFilteredPasswords_(savedPasswords, filter)]]"
           class="vertical-list list-with-header"
           scroll-target="[[subpageScrollTarget]]">
         <template>
           <div class="list-item">
             <div class="website-column no-min-width">
               <a id="originUrl" target="_blank" class="selectable no-min-width"
                   href="[[item.linkUrl]]">
                 <span class="text-elide">
                   [[item.loginPair.originUrl]]
+                  <paper-tooltip position="top">[[item.linkUrl]]</paper-tooltip>

[Dan Beam, 2017/03/28 13:02:08]

can we just set a title="" instead?

                 </span>
               </a>
             </div>
             <div class="username-column selectable text-elide"
                 id="username">[[item.loginPair.username]]</div>
             <div class="password-column">
               <!-- Password type and disabled in order to match mock. -->
               <input id="password" type="password" disabled
                   value="[[getEmptyPassword_(item.numCharactersInPassword)]]">
               </input>
@@ skipping 40 matching lines @@
         </div>
       </template>
       <div id="noExceptionsLabel" class="list-item"
           hidden$="[[hasSome_(passwordExceptions)]]">
         $i18n{noExceptionsFound}
       </div>
     </div>
   </template>
   <script src="passwords_section.js"></script>
 </dom-module>