diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/table/table.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/table/table.element.ts index 3df83a92f7..2f3c4c15f1 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/components/table/table.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/table/table.element.ts @@ -55,6 +55,24 @@ export class UmbTableElement extends LitElement { static styles = [ UUITextStyles, css` + :host { + height: 100%; + overflow: auto; + padding: var(--uui-size-space-4); + padding-top: 0; + } + + uui-table { + box-shadow: var(--uui-shadow-depth-1); + } + + uui-table-head { + position: sticky; + top: 0; + background: white; + z-index: 1; + } + uui-table-row uui-checkbox { display: none; } diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/sections/users/views/users/list-view-layouts/grid/editor-view-users-grid.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/sections/users/views/users/list-view-layouts/grid/editor-view-users-grid.element.ts index fb73573366..7611043c05 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/sections/users/views/users/list-view-layouts/grid/editor-view-users-grid.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/sections/users/views/users/list-view-layouts/grid/editor-view-users-grid.element.ts @@ -25,6 +25,7 @@ export class UmbEditorViewUsersGridElement extends UmbContextConsumerMixin(LitEl grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: var(--uui-size-space-4); padding: var(--uui-size-space-4); + padding-top: 0; } uui-card-user { diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/sections/users/views/users/list-view-layouts/table/editor-view-users-table.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/sections/users/views/users/list-view-layouts/table/editor-view-users-table.element.ts index a1d98065ff..b68be8bec1 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/sections/users/views/users/list-view-layouts/table/editor-view-users-table.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/sections/users/views/users/list-view-layouts/table/editor-view-users-table.element.ts @@ -1,4 +1,5 @@ -import { html, LitElement } from 'lit'; +import { css, html, LitElement } from 'lit'; +import { UUITextStyles } from '@umbraco-ui/uui-css/lib'; import { customElement, state } from 'lit/decorators.js'; import { Subscription } from 'rxjs'; import { UmbContextConsumerMixin } from '../../../../../../../core/context'; @@ -20,6 +21,17 @@ import './column-layouts/status/user-table-status-column-layout.element'; @customElement('umb-editor-view-users-table') export class UmbEditorViewUsersTableElement extends UmbContextConsumerMixin(LitElement) { + static styles = [ + UUITextStyles, + css` + :host { + height: 100%; + display: flex; + flex-direction: column; + } + `, + ]; + @state() private _users: Array = [];