MD History: Replace last usage of cr-shared-menu with cr-action-menu.

chrome/browser/resources/md_history/shared_style.html

 <link rel="import" href="chrome://history/shared_vars.html">
 
 <dom-module id="shared-style">
   <template>
     <style>
       [hidden] {
         display: none !important;
       }
 
       a {
@@ skipping 19 matching lines @@
         align-items: center;
         color: var(--md-loading-message-color);
         display: flex;
         flex: 1;
         font-size: 14px;
         font-weight: 500;
         height: 100%;
         justify-content: center;
       }
 
-      .menu-item {
-        -webkit-user-select: none;
+      /* TODO(dpapad): Copied from MD Settings, find a way to re-use style. */

[tsergeant, 2016/12/21 00:39:36]

Can it be moved into cr_elements/shared_style_css.html ? This was what we did
for cr-dialog, and it shouldn't require any changes to the usage in settings.

[dpapad, 2016/12/21 01:04:48]

cr_elements/shared_style_css.html sounds better than copying the styles here. Or
even baking those into cr_action_menu itself at
https://cs.chromium.org/chromium/src/ui/webui/resources/cr_elements/cr_action...

Don't have a strong opinion. @dbeam, thoughts?

[tsergeant, 2016/12/21 02:37:34]

Hmm, yeah, if there's nothing in settings that uses the styles outside of a
cr-action-menu, then baking them directly into the element probably makes the
most sense.

[Dan Beam, 2016/12/21 03:11:19]

yes, i'd move the default dropdown-item (and hr) styling to cr_action_menu.html

[dpapad, 2016/12/21 03:50:18]

Done for dropdown-item. Did not move hr styling because it is only used in one
place
(https://cs.chromium.org/chromium/src/chrome/browser/resources/settings/langua...)
and it is using CSS classes that are specific to that use case (see 'complex'
css class).

+      .dropdown-item {
+        align-items: center;
+        background: none;
+        border: none;
+        box-sizing: border-box;
+        color: var(--paper-grey-800);
         cursor: pointer;
+        display: flex;
         font: inherit;
-        white-space: nowrap;
+        min-height: 32px;
+        padding: 0 24px;
+        text-align: start;
+        width: 100%;
       }
 
       .website-icon {
         -webkit-margin-end: 16px;
         background-repeat: no-repeat;
         background-size: 16px;
         height: 16px;
         width: 16px;
       }
 
@@ skipping 27 matching lines @@
       button.more-vert-button div {
         border: 2px solid var(--secondary-text-color);
         border-radius: 2px;
         margin: 1px 8px;
         pointer-events: none;
         transform: scale(0.8);
       }
     </style>
   </template>
 </dom-module>