styling fixes:

- fixes padding-top on property layout for all but first item
- fixes whitespace below workspace layout element
- fixes cotent tab background color
- sets first content tab to active on load
This commit is contained in:
Nathan Woulfe
2023-03-06 16:59:49 +10:00
parent 5813c329ce
commit 062cb5f5a0
3 changed files with 3 additions and 10 deletions

View File

@@ -15,6 +15,7 @@ export class UmbDocumentWorkspaceViewEditElement extends UmbLitElement {
css`
:host {
display: block;
--uui-tab-background: var(--uui-color-surface);
}
`,
];
@@ -135,7 +136,7 @@ export class UmbDocumentWorkspaceViewEditElement extends UmbLitElement {
? html`
<uui-tab
label="Content"
.active=${this._routerPath === this._activePath}
.active=${this._routerPath + '/root' === this._activePath}
href=${this._routerPath || ''}
>Content</uui-tab
>

View File

@@ -50,10 +50,6 @@ export class UmbWorkspaceLayout extends UmbLitElement {
border-right: 1px solid var(--uui-color-border);
}
#router-slot {
height: 100%;
}
umb-extension-slot[slot='actions'] {
display: flex;
gap: var(--uui-size-space-2);

View File

@@ -37,11 +37,7 @@ export class UmbWorkspacePropertyLayoutElement extends LitElement {
border-bottom: none;
}
:host(:first-of-type) {
padding-top: 0;
}
:host(:first-of-type) {
:host-context(umb-variantable-property:first-of-type) {
padding-top:0;
}