@aiaiai-pt/design-system 0.3.1 → 0.3.3
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.
|
@@ -87,15 +87,17 @@
|
|
|
87
87
|
{#if conditions.length === 0}
|
|
88
88
|
<p class="condition-table-empty">{emptyMessage}</p>
|
|
89
89
|
{:else}
|
|
90
|
-
|
|
91
|
-
|
|
90
|
+
<!-- Header row — separate from data grid so row-gap only applies between data rows -->
|
|
91
|
+
<div class="condition-table-header-row" style:grid-template-columns={gridTemplate}>
|
|
92
92
|
{#each columns as col}
|
|
93
93
|
<span class="condition-table-header">{col.label}</span>
|
|
94
94
|
{/each}
|
|
95
95
|
<span class="condition-table-header"></span>
|
|
96
|
+
</div>
|
|
96
97
|
|
|
97
|
-
|
|
98
|
-
|
|
98
|
+
<!-- Data rows — each row is its own grid so row-gap creates visible separation -->
|
|
99
|
+
{#each conditions as row, rowIndex}
|
|
100
|
+
<div class="condition-table-row" style:grid-template-columns={gridTemplate}>
|
|
99
101
|
{#each columns as col}
|
|
100
102
|
<div class="condition-table-cell">
|
|
101
103
|
{#if col.type === 'select'}
|
|
@@ -134,8 +136,8 @@
|
|
|
134
136
|
{/snippet}
|
|
135
137
|
</Button>
|
|
136
138
|
</div>
|
|
137
|
-
|
|
138
|
-
|
|
139
|
+
</div>
|
|
140
|
+
{/each}
|
|
139
141
|
{/if}
|
|
140
142
|
|
|
141
143
|
{#if canAdd}
|
|
@@ -165,9 +167,16 @@
|
|
|
165
167
|
width: 100%;
|
|
166
168
|
}
|
|
167
169
|
|
|
168
|
-
.condition-table-
|
|
170
|
+
.condition-table-header-row {
|
|
171
|
+
display: grid;
|
|
172
|
+
column-gap: var(--condition-table-header-gap);
|
|
173
|
+
align-items: center;
|
|
174
|
+
overflow-x: auto;
|
|
175
|
+
-webkit-overflow-scrolling: touch;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.condition-table-row {
|
|
169
179
|
display: grid;
|
|
170
|
-
row-gap: var(--condition-table-row-gap);
|
|
171
180
|
column-gap: var(--condition-table-header-gap);
|
|
172
181
|
align-items: center;
|
|
173
182
|
overflow-x: auto;
|
package/package.json
CHANGED
package/tokens/components.css
CHANGED
|
@@ -529,7 +529,7 @@
|
|
|
529
529
|
═══════════════════════════════════════════════ */
|
|
530
530
|
|
|
531
531
|
--condition-table-header-gap: var(--space-sm);
|
|
532
|
-
--condition-table-row-gap: var(--space-
|
|
532
|
+
--condition-table-row-gap: var(--space-md);
|
|
533
533
|
--condition-table-empty-color: var(--color-text-secondary);
|
|
534
534
|
|
|
535
535
|
/* ═══════════════════════════════════════════════
|