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

indent segments

Browse Source
This commit is contained in:
Mads Rasmussen
2025-04-01 15:39:21 +02:00
parent 53be19cb00
commit 015c0cfc16
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts
View File

@@ -380,11 +380,13 @@ export class UmbWorkspaceSplitViewVariantSelectorElement<
${this.#renderSplitViewButton(variantOption)}
${this.#isVariantExpanded(variantId)
? html`
<ul class="children-area">
${this.#getSegmentVariantOptionsForCulture(variantOption, variantId).map((option) =>
this.#renderSegmentVariantOption(option),
)}
</ul>
<div class="segments-area">
<ul class="variant-list">
${this.#getSegmentVariantOptionsForCulture(variantOption, variantId).map((option) =>
this.#renderSegmentVariantOption(option),
)}
</ul>
</div>
`
: nothing}
</li>
@@ -552,7 +554,7 @@ export class UmbWorkspaceSplitViewVariantSelectorElement<
grid-template-columns: var(--uui-size-10) 1fr;
grid-template-areas:
'expand variant'
'children children';
'segments segments';
border-bottom: 1px solid var(--uui-color-divider-standalone);
}
@@ -567,8 +569,8 @@ export class UmbWorkspaceSplitViewVariantSelectorElement<
grid-area: variant;
}
.children-area {
grid-area: children;
.segments-area {
grid-area: segments;
list-style: none;
}
}