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

fix styling

Browse Source
This commit is contained in:
Mads Rasmussen
2023-09-18 14:13:16 +02:00
parent 4f378f388e
commit e23221bb42
1 changed files with 28 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/Umbraco.Web.UI.Client/src/packages/users/user-groups/workspace/components/user-group-default-permission-list.element.ts
View File

@@ -45,20 +45,40 @@ export class UmbUserGroupDefaultPermissionListElement extends UmbLitElement {
}
#renderPermission(userPermissionManifest: ManifestUserPermission) {
return html`<div style="display: flex; align-items:center; border-bottom: 1px solid whitesmoke">
return html`<div
style="display: flex; align-items:center; border-bottom: 1px solid var(--uui-color-divider); padding: 9px 0 12px 0;">
<uui-toggle
label=${userPermissionManifest.meta.label}
?checked=${this.#isAllowed(userPermissionManifest)}
@change=${(event: UUIBooleanInputEvent) =>
this.#onChangeUserPermission(event, userPermissionManifest)}></uui-toggle>
<div>
<h5>${userPermissionManifest.meta.label}</h5>
<small>${userPermissionManifest.meta.description}</small>
</div>
@change=${(event: UUIBooleanInputEvent) => this.#onChangeUserPermission(event, userPermissionManifest)}>
<div class="permission-meta">
<div class="permission-name">${userPermissionManifest.meta.label}</div>
<small>${userPermissionManifest.meta.description}</small>
</div>
</uui-toggle>
</div>`;
}
static styles = [UmbTextStyles, css``];
static styles = [
UmbTextStyles,
css`
.permission-toggle {
display: flex;
align-items: center;
border-bottom: 1px solid var(--uui-color-divider);
padding: var(--uui-size-space-3) 0 var(--uui-size-space-4) 0;
}
.permission-meta {
margin-left: var(--uui-size-space-4);
line-height: 1.2em;
}
.permission-name {
font-weight: bold;
}
`,
];
}
export default UmbUserGroupDefaultPermissionListElement;