fix(core): update

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

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

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,7 +571,8 @@ 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">
<div
class="action" class="action"
@click=${() => @click=${() =>
actionArg.actionFunc({ actionArg.actionFunc({
@ -582,6 +585,7 @@ export class DeesTable<T> extends DeesElement {
<dees-icon .iconFA=${actionArg.iconName}></dees-icon> <dees-icon .iconFA=${actionArg.iconName}></dees-icon>
` `
: actionArg.name} : actionArg.name}
</div>
</div>` </div>`
)} )}
</div> </div>