vira 33.4.0 → 33.4.1
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.
|
@@ -130,6 +130,10 @@ export const ViraForm = defineViraElement()({
|
|
|
130
130
|
text-align: right;
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
+
&.reorderable th {
|
|
134
|
+
text-align: left;
|
|
135
|
+
}
|
|
136
|
+
|
|
133
137
|
& td {
|
|
134
138
|
width: 100%;
|
|
135
139
|
vertical-align: top;
|
|
@@ -491,9 +495,13 @@ export const ViraForm = defineViraElement()({
|
|
|
491
495
|
});
|
|
492
496
|
}
|
|
493
497
|
});
|
|
498
|
+
const horizontalTableClasses = classMap({
|
|
499
|
+
'horizontal-fields': true,
|
|
500
|
+
reorderable: !!inputs.isReorderable,
|
|
501
|
+
});
|
|
494
502
|
const formFieldsWrapper = inputs.useHorizontalLabels
|
|
495
503
|
? html `
|
|
496
|
-
<table class
|
|
504
|
+
<table class=${horizontalTableClasses}>
|
|
497
505
|
<tbody ${dragReorderRows(state.dragReorder, dropField)}>
|
|
498
506
|
${formFieldTemplates}
|
|
499
507
|
</tbody>
|
|
@@ -517,7 +525,7 @@ export const ViraForm = defineViraElement()({
|
|
|
517
525
|
<div class="drag-ghost" ${dragReorderGhost(state.dragReorder)}>
|
|
518
526
|
${inputs.useHorizontalLabels
|
|
519
527
|
? html `
|
|
520
|
-
<table class
|
|
528
|
+
<table class=${horizontalTableClasses}>
|
|
521
529
|
<colgroup>
|
|
522
530
|
${state.dragReorder.value.draggedCellWidths.map((cellWidth) => {
|
|
523
531
|
return html `
|