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

Adjust styling for inherited content type property (#20261)

Browse Source 
* 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
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/Umbraco.Web.UI.Client/src/packages/content/content-type/workspace/views/design/content-type-design-editor-property.element.ts
View File

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