yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

templating insert menu

Browse Source
This commit is contained in:
Jesper Møller Jensen
2023-12-04 20:22:42 +13:00
parent 206091c55d
commit bcf9076739
1 changed files with 12 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/Umbraco.Web.UI.Client/src/packages/templating/components/insert-menu/templating-insert-menu.element.ts
View File

@@ -113,28 +113,20 @@ export class UmbTemplatingInsertMenuElement extends UmbLitElement {
return html`
<uui-button-group>
<uui-button look="secondary" @click=${this.#openChooseTypeModal} label="Choose value to insert">
<uui-icon name="icon-add"></uui-icon>Insert</uui-button
>
<umb-button-with-dropdown
look="secondary"
compact
placement="bottom-start"
id="insert-button"
label="open insert menu">
<ul id="insert-menu" slot="dropdown">
<li>
<uui-menu-item
class="insert-menu-item"
label="Dictionary item"
title="Dictionary item"
@click=${this.#openInsertDictionaryItemModal}>
</uui-menu-item>
</li>
<!-- <li>
<uui-icon name="icon-add"></uui-icon>Insert
</uui-button>
<umb-dropdown look="secondary" compact placement="bottom-end" id="insert-button" label="open insert menu">
<uui-menu-item
class="insert-menu-item"
label="Dictionary item"
title="Dictionary item"
@click=${this.#openInsertDictionaryItemModal}>
</uui-menu-item>
<!-- <li>
<uui-menu-item class="insert-menu-item" label="Macro" title="Macro"> </uui-menu-item>
</li> -->
</ul>
</umb-button-with-dropdown>
</umb-dropdown>
</uui-button-group>
`;
}
@@ -158,34 +150,10 @@ export class UmbTemplatingInsertMenuElement extends UmbLitElement {
--umb-header-layout-height: 70px;
}
#insert-menu {
margin: 0;
padding: 0;
margin-top: var(--uui-size-space-3);
background-color: var(--uui-color-surface);
box-shadow: var(--uui-shadow-depth-3);
min-width: 150px;
}
#insert-menu > li,
ul {
padding: 0;
width: 100%;
list-style: none;
}
ul {
transform: translateX(-100px);
}
.insert-menu-item {
width: 100%;
}
umb-button-with-dropdown {
--umb-button-with-dropdown-symbol-expand-margin-left: 0;
}
uui-icon[name='icon-add'] {
margin-right: var(--uui-size-4);
}