[MD settings] make whole cookie visible

chrome/browser/resources/settings/site_settings/site_data_details_subpage.html

 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="/route.html">
 <link rel="import" href="/settings_shared_css.html">
 <link rel="import" href="/site_settings/site_settings_prefs_browser_proxy.html">
 
 <dom-module id="site-data-details-subpage">
   <template>
     <style include="settings-shared md-select">
       [first] {
         border-top: none;
       }
+
+      .secondary,
+      .start {
+        -webkit-user-select: text;

[dpapad, 2016/11/12 01:15:14]

user-select should work I think (no prefix needed).

Also, is site_data_details_subpage.html only used for cookies? Or are we
accidentally making more things selectable than just cookies?

[dschuyler, 2016/11/12 01:26:47]

It's only cookies.

[dpapad, 2016/11/12 01:36:57]

As of https://bugs.chromium.org/p/chromium/issues/detail?id=461018,
-webkit-user-select is just an alias for user-select. We can cleanup our
Settings code in a separate CL.
Ok.

+        max-width: 100%;
+        word-wrap: break-word;
+      }
     </style>
     <template is="dom-repeat" items="[[entries_]]">
       <div class="settings-box" first$="[[!index]]">
         <div class="start">[[getEntryDescription_(item)]]</div>
         <cr-expand-button expanded="{{item.expanded_}}">
         </cr-expand-button>
         <paper-icon-button data-id-path$="[[item.idPath]]" icon="cr:close"
             on-tap="onRemove_">
         </paper-icon-button>
       </div>
       <iron-collapse class="list-frame vertical-list"
           opened="[[item.expanded_]]">
         <template is="dom-repeat" items="[[getCookieNodes_(item)]]">
           <div class="list-item two-line">
             <div class="start">
               [[item.label]]
               <div class="secondary">[[item.content]]</div>
             </div>
           </div>
         </template>
       </iron-collapse>
     </template>
   </template>
   <script src="cookie_info.js"></script>
   <script src="cookie_tree_node.js"></script>
   <script src="site_data_details_subpage.js"></script>
 </dom-module>