| <style include="shared-style"> |
| .label { |
| flex: 1; |
| } |
| |
| .sublabel { |
| color: var(--cr-secondary-text-color); |
| margin-inline-start: 8px; |
| text-align: end; |
| width: 3ch; |
| } |
| |
| :host(:not([has-any-sublabel_])) .sublabel { |
| display: none; |
| } |
| </style> |
| <cr-lazy-render id="dropdown"> |
| <template> |
| <cr-action-menu on-mousedown="onMenuMousedown_" |
| role-description="$i18n{menu}"> |
| <template is="dom-repeat" items="[[menuCommands_]]" as="command"> |
| <button class="dropdown-item" |
| command$="[[command]]" |
| hidden$="[[!isCommandVisible_(command, menuIds_)]]" |
| disabled$="[[!isCommandEnabled_(command, menuIds_, canPaste_)]]" |
| on-click="onCommandClick_"> |
| <span class="label"> |
| [[getCommandLabel_(command, menuIds_)]] |
| </span> |
| <span class="sublabel"> |
| [[getCommandSublabel_(command, menuIds_)]] |
| </span> |
| </button> |
| <hr hidden$="[[!showDividerAfter_(command, menuIds_)]]" |
| aria-hidden="true"> |
| </template> |
| </cr-action-menu> |
| </template> |
| </cr-lazy-render> |
| <cr-lazy-render id="editDialog"> |
| <template> |
| <bookmarks-edit-dialog></bookmarks-edit-dialog> |
| </template> |
| </cr-lazy-render> |
| <cr-lazy-render id="openDialog"> |
| <template> |
| <cr-dialog> |
| <div slot="title">$i18n{openDialogTitle}</div> |
| <div slot="body"></div> |
| <div slot="button-container"> |
| <cr-button class="cancel-button" on-click="onOpenCancelTap_"> |
| $i18n{cancel} |
| </cr-button> |
| <cr-button class="action-button" on-click="onOpenConfirmTap_"> |
| $i18n{openDialogConfirm} |
| </cr-button> |
| </div> |
| </cr-dialog> |
| </template> |
| </cr-lazy-render> |