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

feat: use a uui-scroll-container for scroll

Browse Source
This commit is contained in:
Jacob Overgaard
2024-09-10 10:07:22 +02:00
parent 5af1064244
commit 5c5afe2427
1 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/Umbraco.Web.UI.Client/src/packages/sysinfo/components/sysinfo.element.ts
View File

@@ -77,17 +77,19 @@ export class UmbSysinfoElement extends UmbModalBaseElement {
() => html`<uui-loader-bar></uui-loader-bar>`,
() => html`
<uui-box id="sysinfo-table">
<uui-table aria-label="System information">
<uui-table-column style="width: 20%"></uui-table-column>
<uui-table-column style="width: 80%"></uui-table-column>
<uui-scroll-container id="container">
<uui-table aria-label="System information">
<uui-table-column style="width: 20%"></uui-table-column>
<uui-table-column style="width: 80%"></uui-table-column>
<uui-table-head>
<uui-table-head-cell>Name</uui-table-head-cell>
<uui-table-head-cell>Data</uui-table-head-cell>
</uui-table-head>
<uui-table-head>
<uui-table-head-cell>Name</uui-table-head-cell>
<uui-table-head-cell>Data</uui-table-head-cell>
</uui-table-head>
${this.#renderServerKeyValues()}
</uui-table>
${this.#renderServerKeyValues()}
</uui-table>
</uui-scroll-container>
</uui-box>
`,
)}
@@ -139,11 +141,12 @@ ${serverKeyValues}`;
static override readonly styles = [
UmbTextStyles,
css`
#container {
max-height: 300px;
}
#sysinfo-table {
--uui-box-default-padding: 0;
width: 100%;
max-height: 300px;
overflow: auto;
}
.data-cell {