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

Merge pull request #1879 from umbraco/bugfix/property-title-break

Browse Source 
Bugfix: Property descriptions should use uui-scroll-container
This commit is contained in:
Jacob Overgaard
2024-05-23 14:55:07 +02:00
committed by GitHub
parent 01c9cb127a b58f44ff7f
commit 93371034fe
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/Umbraco.Web.UI.Client/src/packages/core/property/property-layout/property-layout.element.ts
View File

@@ -62,12 +62,14 @@ export class UmbPropertyLayoutElement extends UmbLitElement {
// TODO: Only show alias on label if user has access to DocumentType within settings: // TODO: Only show alias on label if user has access to DocumentType within settings:
return html` return html`
<div id="headerColumn"> <div id="headerColumn">
<uui-label title=${this.alias}> <uui-label id="label" title=${this.alias}>
${this.localize.string(this.label)} ${this.localize.string(this.label)}
${when(this.invalid, () => html`<uui-badge color="danger" attention>!</uui-badge>`)} ${when(this.invalid, () => html`<uui-badge color="danger" attention>!</uui-badge>`)}
</uui-label> </uui-label>
<slot name="action-menu"></slot> <slot name="action-menu"></slot>
<div id="description">${unsafeHTML(localizeAndTransform(this, this.description))}</div> <uui-scroll-container id="description">
${unsafeHTML(localizeAndTransform(this, this.description))}
</uui-scroll-container>
<slot name="description"></slot> <slot name="description"></slot>
</div> </div>
<div id="editorColumn"> <div id="editorColumn">
@@ -113,11 +115,11 @@ export class UmbPropertyLayoutElement extends UmbLitElement {
} }
/*}*/ /*}*/
uui-label { #label {
position: relative; position: relative;
overflow-x: auto; word-break: break-word;
} }
:host([invalid]) uui-label { :host([invalid]) #label {
color: var(--uui-color-danger); color: var(--uui-color-danger);
} }
uui-badge { uui-badge {
@@ -126,7 +128,6 @@ export class UmbPropertyLayoutElement extends UmbLitElement {
#description { #description {
color: var(--uui-color-text-alt); color: var(--uui-color-text-alt);
overflow-x: auto;
} }
#editorColumn { #editorColumn {