[MD Bookmarks] Add bookmark count to context menu for multiple items.

chrome/browser/resources/md_bookmarks/command_manager.html

Index: chrome/browser/resources/md_bookmarks/command_manager.html
diff --git a/chrome/browser/resources/md_bookmarks/command_manager.html b/chrome/browser/resources/md_bookmarks/command_manager.html
index dff7845295c56d86c4ba68217a2bcf561315caef..cee695e364367a633ed0bd48bf08609394020641 100644
--- a/chrome/browser/resources/md_bookmarks/command_manager.html
+++ b/chrome/browser/resources/md_bookmarks/command_manager.html
@@ -9,7 +9,26 @@
 
 <dom-module id="bookmarks-command-manager">
   <template>
-    <style include="shared-style"></style>
+    <style include="shared-style">
+      .label {
+        flex: 1;
+      }
+
+      .sublabel {
+        -webkit-margin-start: 8px;
+        color: var(--secondary-text-color);
+        text-align: end;
+        width: 24px;

[tsergeant, 2017/06/16 00:25:58]

Consider this optional, but maybe it would be better to have

width: 3ch;

here? That means that the sublabel is exactly big enough for 3 numbers,
regardless of font size. It depends on how the sizing is meant to work, I guess.

[calamity, 2017/06/20 03:30:39]

Done.

+      }
+
+      :not(:host([has-any-sublabel_])).sublabel {

[tsergeant, 2017/06/16 00:25:58]

This selector doesn't work.

I think you need something like

:host(:not([has-any-sublabel_])) .sublabel

[calamity, 2017/06/20 03:30:39]

Done.

+        display: none;
+      }
+
+      button {
+        display: flex;

[tsergeant, 2017/06/16 00:25:58]

I don't think this is necessary? .dropdown-item is already flex.

[calamity, 2017/06/20 03:30:39]

Done.

+      }
+    </style>
     <dialog is="cr-action-menu" id="dropdown" on-mousedown="onMenuMousedown_">
       <template is="dom-repeat" items="[[menuCommands_]]" as="command">
         <button class="dropdown-item"
@@ -17,7 +36,12 @@
             hidden$="[[!isCommandVisible_(command, menuIds_)]]"
             disabled$="[[!isCommandEnabled_(command, menuIds_)]]"
             on-tap="onCommandClick_">
-          [[getCommandLabel_(command, menuIds_)]]
+          <span class="label">
+            [[getCommandLabel_(command, menuIds_)]]
+          </span>
+          <span class="sublabel">
+            [[getCommandSublabel_(command, menuIds_)]]
+          </span>
         </button>
         <hr hidden$="[[!showDividerAfter_(command)]]"></hr>
       </template>