Amended document blueprint root styling

This commit is contained in:
leekelleher
2024-07-23 12:33:13 +01:00
committed by Jacob Overgaard
parent 1500db5f49
commit 5f2e8ba1a0

View File

@@ -1,47 +1,50 @@
import { html, customElement } from '@umbraco-cms/backoffice/external/lit';
import { customElement, html } from '@umbraco-cms/backoffice/external/lit';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
@customElement('umb-document-blueprint-root-workspace')
export class UmbDocumentBlueprintRootWorkspaceElement extends UmbLitElement {
override render() {
return html`<umb-body-layout .headline=${this.localize.term('treeHeaders_contentBlueprints')}>
<uui-box>
<h2>
<umb-localize key="contentTemplatesDashboard_whatHeadline"> What are Document Blueprints? </umb-localize>
</h2>
<umb-localize key="contentTemplatesDashboard_whatDescription">
Document Blueprints are pre-defined content that can be selected when creating a new content node.
</umb-localize>
<h2>
<umb-localize key="contentTemplatesDashboard_createHeadline">
How do I create a Document Blueprint?
return html`
<umb-body-layout headline=${this.localize.term('treeHeaders_contentBlueprints')}>
<uui-box class="uui-text">
<h4>
<umb-localize key="contentTemplatesDashboard_whatHeadline"> What are Document Blueprints? </umb-localize>
</h4>
<umb-localize key="contentTemplatesDashboard_whatDescription">
Document Blueprints are pre-defined content that can be selected when creating a new content node.
</umb-localize>
</h2>
<umb-localize key="contentTemplatesDashboard_createDescription">
<p>There are two ways to create a Content Blueprint:</p>
<ul>
<li>
Click "Create Document Blueprint" in the action menu on a content node to create a new Document Blueprint.
</li>
<li>
Click the "+" button in the Document Blueprints tree in the Settings section and select the Document Type
you want to create a Document Blueprint for.
</li>
</ul>
<p>Once given a name, editors can start using the Document Blueprint as a foundation for their new page.</p>
</umb-localize>
<h2>
<umb-localize key="contentTemplatesDashboard_manageHeadline">
How do I manage Document Blueprints?
<h4>
<umb-localize key="contentTemplatesDashboard_createHeadline">
How do I create a Document Blueprint?
</umb-localize>
</h4>
<umb-localize key="contentTemplatesDashboard_createDescription">
<p>There are two ways to create a Content Blueprint:</p>
<ul>
<li>
Click "Create Document Blueprint" in the action menu on a content node to create a new Document
Blueprint.
</li>
<li>
Click the "+" button in the Document Blueprints tree in the Settings section and select the Document
Type you want to create a Document Blueprint for.
</li>
</ul>
<p>Once given a name, editors can start using the Document Blueprint as a foundation for their new page.</p>
</umb-localize>
</h2>
<umb-localize key="contentTemplatesDashboard_manageDescription">
You can edit and delete Document Blueprints from the "Document Blueprints" tree in the Settings section.
Expand the Document Type which the Document Blueprint is based on and click it to edit or delete it.
</umb-localize>
</uui-box>
</umb-body-layout> `;
<h4>
<umb-localize key="contentTemplatesDashboard_manageHeadline">
How do I manage Document Blueprints?
</umb-localize>
</h4>
<umb-localize key="contentTemplatesDashboard_manageDescription">
You can edit and delete Document Blueprints from the "Document Blueprints" tree in the Settings section.
Expand the Document Type which the Document Blueprint is based on and click it to edit or delete it.
</umb-localize>
</uui-box>
</umb-body-layout>
`;
}
static override styles = [UmbTextStyles];