[Password Manager] Copiable username and origin. Linkable origin elided from the left.

chrome/browser/resources/options/password_manager_list.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. */
 
 #saved-passwords-list .list-inline-button {
   -webkit-transition: opacity 150ms;
   background: rgb(138, 170, 237);
   font-size: 0.9em;
   height: 18px;
   margin-left: 2px;
   margin-right: 2px;
   padding: 0 2px;
   position: absolute;
   top: 3px;
 }
 
 html[dir='ltr'] #saved-passwords-list .list-inline-button {
   right: 2px;
 }
 
 html[dir='rtl'] #saved-passwords-list .list-inline-button {
   left: 2px;
 }
 
-input[type='password'].inactive-password {
+input[type='password'].inactive-item,
+input[type='text'].inactive-item {

[Evan Stade, 2015/10/26 18:41:13]

do you need the input part of this rule or is the class name enough?

[kolos1, 2015/10/27 08:24:36]

You are right. The class name is enough, but we should override this rule
https://code.google.com/p/chromium/codesearch#chromium/src/ui/webui/resources...
So, we should provide more specified rule ('input.inactive-item' or
'#saved-passwords-list .inactive-item'). I chose 'input.inactive-item', because
in the future we will also need '#password-exceptions-list.inactive-item'.
'input.inactive-item' will cover both cases.

   background: transparent;
   border: none;
 }
 
 #saved-passwords-list .url {
   box-sizing: border-box;
   width: 40%;
 }
 
 #saved-passwords-list .name {
   -webkit-box-flex: 1;
   width: 30%;
 }
 
+#saved-passwords-list .url,
+#saved-passwords-list .name {
+  -webkit-user-select: text;
+}
+
 #saved-passwords-list .password,
 #saved-passwords-list .federation {
   -webkit-box-flex: 1;
   position: relative;
   width: 30%;
 }
 
 #saved-passwords-list .password input[type='password'],
 #saved-passwords-list .password input[type='text'] {
   box-sizing: border-box;
   width: 100%;
 }
 
 #password-exceptions-list .url {
   -webkit-box-flex: 1;
 }
 
 #saved-passwords-list .url,
 #saved-passwords-list .name,
 #saved-passwords-list .federation,
 #password-exceptions-list .url {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
+/* To elide URLs from the left, sets unicode-bidi=bidi-override and
+ * direction=rtl.
+ */

[Evan Stade, 2015/10/26 18:41:13]

i think this */ belongs on the previous line

[kolos1, 2015/10/27 08:24:36]

Done.

+.left-elided-url {
+  direction: rtl;
+  unicode-bidi: bidi-override;
+}
+
+/* RTL direction in left-elided-url changes text-align to right, but URLs for
+ * left-to-right locales should still be left aligned.
+ * Since the direction is changed to RTL, the icon is at the end (i.e. left),
+ * but not at the start. So, swaps start and end margin/padding.
+ */
+html[dir='ltr'] .left-elided-url {
+  -webkit-margin-end: 7px;
+  -webkit-margin-start: 0;
+  -webkit-padding-end: 26px;
+  -webkit-padding-start: 3px;
+  text-align: left;
+}