design.estate/dees-catalog
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2024-01-21 17:14:15 +01:00
parent ebeecd0686
commit 2d712e78b0
2 changed files with 27 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ts_web/00_commitinfo_data.ts
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.255', version: '1.0.256',
description: 'website for lossless.com' description: 'website for lossless.com'
} }

51
ts_web/elements/dees-table.ts
View File

@ -315,10 +315,12 @@ export class DeesTable<T> extends DeesElement {
font-weight: inherit; font-weight: inherit;
padding: 0px 6px; padding: 0px 6px;
} }
.actionContainer { .actionsContainer {
display: flex;
flex-direction: row;
height: 24px; height: 24px;
display: inline-block;
transform: translateY(-4px); transform: translateY(-4px);
margin-left: -6px;
} }
.action { .action {
position: relative; position: relative;
@ -329,11 +331,6 @@ export class DeesTable<T> extends DeesElement {
border-radius: 8px; border-radius: 8px;
} }
.actionContainer:first-child {
margin-left: -6px;
width: min-content;
}
.action:hover { .action:hover {
background: ${cssManager.bdTheme(colors.bright.blue, colors.dark.blue)}; background: ${cssManager.bdTheme(colors.bright.blue, colors.dark.blue)};
} }
@ -574,24 +571,28 @@ export class DeesTable<T> extends DeesElement {
return html` return html`
<td> <td>
<div class="innerCellContainer"> <div class="innerCellContainer">
${this.getActionsForType('inRow').map( <div class="actionsContainer">
(actionArg) => html`<div class="actionContainer"> ${this.getActionsForType('inRow').map(
<div (actionArg) => html`
class="action" <div
@click=${() => class="action"
actionArg.actionFunc({ @click=${() =>
item: itemArg, actionArg.actionFunc({
table: this, item: itemArg,
})} table: this,
> })}
${actionArg.iconName >
? html` ${actionArg.iconName
<dees-icon .iconFA=${actionArg.iconName}></dees-icon> ? html`
` <dees-icon
: actionArg.name} .iconFA=${actionArg.iconName}
</div> ></dees-icon>
</div>` `
)} : actionArg.name}
</div>
`
)}
</div>
</div> </div>
</td> </td>
`; `;