@design.estate/dees-catalog 1.0.255 → 1.0.256
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist_bundle/bundle.js +168 -167
- package/dist_bundle/bundle.js.map +3 -3
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/dees-table.js +19 -18
- package/dist_watch/bundle.js +19 -18
- package/dist_watch/bundle.js.map +2 -2
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/dees-table.ts +26 -25
package/package.json
CHANGED
|
@@ -315,10 +315,12 @@ export class DeesTable<T> extends DeesElement {
|
|
|
315
315
|
font-weight: inherit;
|
|
316
316
|
padding: 0px 6px;
|
|
317
317
|
}
|
|
318
|
-
.
|
|
318
|
+
.actionsContainer {
|
|
319
|
+
display: flex;
|
|
320
|
+
flex-direction: row;
|
|
319
321
|
height: 24px;
|
|
320
|
-
display: inline-block;
|
|
321
322
|
transform: translateY(-4px);
|
|
323
|
+
margin-left: -6px;
|
|
322
324
|
}
|
|
323
325
|
.action {
|
|
324
326
|
position: relative;
|
|
@@ -329,11 +331,6 @@ export class DeesTable<T> extends DeesElement {
|
|
|
329
331
|
border-radius: 8px;
|
|
330
332
|
}
|
|
331
333
|
|
|
332
|
-
.actionContainer:first-child {
|
|
333
|
-
margin-left: -6px;
|
|
334
|
-
width: min-content;
|
|
335
|
-
}
|
|
336
|
-
|
|
337
334
|
.action:hover {
|
|
338
335
|
background: ${cssManager.bdTheme(colors.bright.blue, colors.dark.blue)};
|
|
339
336
|
}
|
|
@@ -574,24 +571,28 @@ export class DeesTable<T> extends DeesElement {
|
|
|
574
571
|
return html`
|
|
575
572
|
<td>
|
|
576
573
|
<div class="innerCellContainer">
|
|
577
|
-
|
|
578
|
-
(
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
574
|
+
<div class="actionsContainer">
|
|
575
|
+
${this.getActionsForType('inRow').map(
|
|
576
|
+
(actionArg) => html`
|
|
577
|
+
<div
|
|
578
|
+
class="action"
|
|
579
|
+
@click=${() =>
|
|
580
|
+
actionArg.actionFunc({
|
|
581
|
+
item: itemArg,
|
|
582
|
+
table: this,
|
|
583
|
+
})}
|
|
584
|
+
>
|
|
585
|
+
${actionArg.iconName
|
|
586
|
+
? html`
|
|
587
|
+
<dees-icon
|
|
588
|
+
.iconFA=${actionArg.iconName}
|
|
589
|
+
></dees-icon>
|
|
590
|
+
`
|
|
591
|
+
: actionArg.name}
|
|
592
|
+
</div>
|
|
593
|
+
`
|
|
594
|
+
)}
|
|
595
|
+
</div>
|
|
595
596
|
</div>
|
|
596
597
|
</td>
|
|
597
598
|
`;
|