Adjust styling for inherited content type property (#20261)

* Adjust styling for inherited content type property

* Slight style adjustments inherited property

---------

Co-authored-by: leekelleher <leekelleher@gmail.com>
This commit is contained in:
Bjarne Fyrstenborg
2025-10-08 17:22:09 +02:00
committed by GitHub
parent 429f8b0bed
commit 9fe8b2162b

View File

@@ -198,8 +198,8 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
} else {
return html`
<div id="header">
<b>${this.property.name}</b>
<i>${this.property.alias}</i>
<p><b>${this.property.name}</b></p>
<p><i>${this.property.alias}</i></p>
<p>${this.property.description}</p>
</div>
<div id="editor">
@@ -451,6 +451,12 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
border-radius: var(--uui-border-radius);
}
:host([_inherited]) {
#header {
padding: 0 var(--uui-size-3, 9px);
}
}
p {
margin-bottom: 0;
}
@@ -470,6 +476,11 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
--uui-button-background-color: var(--uui-color-background);
--uui-button-background-color-hover: var(--uui-color-background);
}
#editor:not(uui-button) {
background-color: var(--uui-color-background);
border-radius: var(--uui-button-border-radius, var(--uui-border-radius, 3px));
min-height: 143px;
}
#editor uui-action-bar {
--uui-button-background-color: var(--uui-color-surface);
--uui-button-background-color-hover: var(--uui-color-surface);