fix(core): update

This commit is contained in:
Philipp Kunz 2023-09-16 14:31:03 +02:00
parent 9a34b03540
commit 62403625ba
4 changed files with 45 additions and 6 deletions

View File

@ -3,6 +3,6 @@
*/ */
export const commitinfo = { export const commitinfo = {
name: '@design.estate/dees-catalog', name: '@design.estate/dees-catalog',
version: '1.0.206', version: '1.0.207',
description: 'website for lossless.com' description: 'website for lossless.com'
} }

View File

@ -71,11 +71,11 @@ export class DeesContextmenu extends DeesElement {
color: ${cssManager.bdTheme('#222', '#ccc')}; color: ${cssManager.bdTheme('#222', '#ccc')};
font-size: 14px; font-size: 14px;
width: 200px; width: 200px;
border: 1px solid #444; border: 1px solid ${cssManager.bdTheme('#fff', '#444')};
min-height: 34px; min-height: 34px;
border-radius: 3px; border-radius: 3px;
background: #222; background: ${cssManager.bdTheme('#fff', '#222')};
box-shadow: 0px 1px 4px #000; box-shadow: 0px 1px 4px ${cssManager.bdTheme('#00000020', '#000000')};
user-select: none; user-select: none;
} }
@ -92,7 +92,7 @@ export class DeesContextmenu extends DeesElement {
.mainbox .menuitem:hover { .mainbox .menuitem:hover {
cursor: pointer; cursor: pointer;
background: #ffffff10; background: ${cssManager.bdTheme('#00000010', '#ffffff10')};
} }
.mainbox .menuitem:active { .mainbox .menuitem:active {

View File

@ -124,7 +124,7 @@ export class DeesInputText extends DeesElement {
.showPassword:hover { .showPassword:hover {
cursor: pointer; cursor: pointer;
background: #333; background: ${cssManager.bdTheme('#00000010', '#ffffff10')};
} }
</style> </style>
<div class="maincontainer"> <div class="maincontainer">

View File

@ -526,6 +526,45 @@ export class DeesTable<T> extends DeesElement {
public async firstUpdated() {} public async firstUpdated() {}
public async updated(changedProperties: Map<string | number | symbol, unknown>): Promise<void> {
super.updated(changedProperties);
this.freezeColumnWidths();
}
freezeColumnWidths() {
// Get the table element
const table = this.shadowRoot.querySelector('table');
if (!table) return;
// Create a colgroup if it doesn't exist
let colgroup = table.querySelector('colgroup');
if (!colgroup) {
colgroup = document.createElement('colgroup');
table.insertBefore(colgroup, table.firstChild);
}
// Get the first row's cells to measure the widths
const cells = table.rows[0].cells;
for (let i = 0; i < cells.length; i++) {
const cell = cells[i];
// Get computed width
const width = window.getComputedStyle(cell).width;
// Check if there's already a <col> for this cell
let col = colgroup.children[i] as HTMLElement;
if (!col) {
col = document.createElement('col');
colgroup.appendChild(col);
}
// Set the width
col.style.width = width;
}
}
getActionsForType(typeArg: ITableAction['type'][0]) { getActionsForType(typeArg: ITableAction['type'][0]) {
const actions: ITableAction[] = []; const actions: ITableAction[] = [];
for (const action of this.dataActions) { for (const action of this.dataActions) {