blob: b4ae171ea20c01f46fc282172a9206595317ebae [file] [log] [blame]
<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>