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'
} }

21
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,8 +571,9 @@ export class DeesTable<T> extends DeesElement {
return html` return html`
<td> <td>
<div class="innerCellContainer"> <div class="innerCellContainer">
<div class="actionsContainer">
${this.getActionsForType('inRow').map( ${this.getActionsForType('inRow').map(
(actionArg) => html`<div class="actionContainer"> (actionArg) => html`
<div <div
class="action" class="action"
@click=${() => @click=${() =>
@ -586,13 +584,16 @@ export class DeesTable<T> extends DeesElement {
> >
${actionArg.iconName ${actionArg.iconName
? html` ? html`
<dees-icon .iconFA=${actionArg.iconName}></dees-icon> <dees-icon
.iconFA=${actionArg.iconName}
></dees-icon>
` `
: actionArg.name} : actionArg.name}
</div> </div>
</div>` `
)} )}
</div> </div>
</div>
</td> </td>
`; `;
} }