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

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz
2024-01-21 14:14:57 +01:00
parent 78e24aa720
commit e29086036c
2 changed files with 24 additions and 20 deletions
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.253', version: '1.0.254',
description: 'website for lossless.com' description: 'website for lossless.com'
} }

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

@@ -311,20 +311,21 @@ export class DeesTable<T> extends DeesElement {
font-weight: inherit; font-weight: inherit;
padding: 0px 6px; padding: 0px 6px;
} }
.actionContainer {
height: 24px;
display: inline-block;
transform: translateY(-4px);
}
.action { .action {
position: relative; position: relative;
margin: -4px 0px;
padding: 8px 10px; padding: 8px 10px;
line-height: 24px; line-height: 24px;
height: 32px; height: 32px;
size: 16px; size: 16px;
display: inline-block;
border-radius: 8px; border-radius: 8px;
overflow: hidden;
} }
.action:first-child { .actionContainer:first-child {
margin-left: -6px; margin-left: -6px;
width: min-content; width: min-content;
} }
@@ -427,7 +428,8 @@ export class DeesTable<T> extends DeesElement {
name: "john" AND age: 18 name: "john" AND age: 18
\`\`\` \`\`\`
`}></dees-input-text> `}
></dees-input-text>
<dees-input-multitoggle <dees-input-multitoggle
.label=${'search mode'} .label=${'search mode'}
.options=${['table', 'data', 'server']} .options=${['table', 'data', 'server']}
@@ -569,19 +571,21 @@ export class DeesTable<T> extends DeesElement {
<td> <td>
<div class="innerCellContainer"> <div class="innerCellContainer">
${this.getActionsForType('inRow').map( ${this.getActionsForType('inRow').map(
(actionArg) => html`<div (actionArg) => html`<div class="actionContainer">
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 .iconFA=${actionArg.iconName}></dees-icon>
: actionArg.name} `
: actionArg.name}
</div>
</div>` </div>`
)} )}
</div> </div>