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

show variant info tag on hover

Browse Source
This commit is contained in:
Mads Rasmussen
2024-07-31 15:37:32 +02:00
parent ea558c7922
commit 7dbcd8773a
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts
View File

@@ -349,7 +349,9 @@ export class UmbPropertyElement extends UmbLitElement {
?invalid=${this._invalid}>
${this.#renderPropertyActionMenu()}
${this._variantDifference
? html`<div slot="description"><uui-tag look="secondary">${this._variantDifference}</uui-tag></div>`
? html`<div id="variant-info" slot="description">
<uui-tag look="secondary">${this._variantDifference}</uui-tag>
</div> `
: ''}
${this.#renderPropertyEditor()}
</umb-property-layout>
@@ -398,10 +400,16 @@ export class UmbPropertyElement extends UmbLitElement {
opacity: 1;
}
uui-tag {
#variant-info {
opacity: 0;
transition: opacity 90ms;
margin-top: var(--uui-size-space-2);
margin-left: calc(var(--uui-size-space-1) * -1);
font-size: 11px;
}
#layout:focus-within #variant-info,
#layout:hover #variant-info {
opacity: 1;
}
#editor {