@crispy-seed/data-table 0.10.2 → 0.10.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.
- package/dist/data-table-recipe.css +31 -2
- package/dist/data-table-recipe.layered.css +35 -3
- package/dist/index.cjs +397 -72
- package/dist/index.d.ts +42 -42
- package/dist/index.js +397 -72
- package/dist/styles.css +35 -3
- package/package.json +1 -1
|
@@ -189,6 +189,10 @@ tbody tr:last-child .seed-data-table__cell {
|
|
|
189
189
|
z-index: 1;
|
|
190
190
|
background-color: var(--seed-data-table-row-bg);
|
|
191
191
|
}
|
|
192
|
+
.seed-data-table__cell[data-overlay-open] {
|
|
193
|
+
overflow: visible;
|
|
194
|
+
z-index: 20;
|
|
195
|
+
}
|
|
192
196
|
.seed-data-table__cell[data-editable] {
|
|
193
197
|
cursor: default;
|
|
194
198
|
}
|
|
@@ -295,20 +299,45 @@ tr:hover .seed-data-table__entityActions {
|
|
|
295
299
|
border-radius: 7px;
|
|
296
300
|
font-size: 10px;
|
|
297
301
|
font-weight: var(--seed-font-weight-regular);
|
|
298
|
-
line-height:
|
|
302
|
+
line-height: 15px;
|
|
299
303
|
overflow: clip;
|
|
300
304
|
text-overflow: ellipsis;
|
|
301
305
|
white-space: nowrap;
|
|
302
306
|
}
|
|
303
307
|
.seed-data-table__chipList {
|
|
308
|
+
position: relative;
|
|
304
309
|
display: flex;
|
|
305
310
|
align-items: center;
|
|
306
311
|
flex-wrap: nowrap;
|
|
307
|
-
gap:
|
|
312
|
+
gap: 3px;
|
|
308
313
|
overflow: hidden;
|
|
309
314
|
min-width: 0;
|
|
310
315
|
width: 100%;
|
|
311
316
|
}
|
|
317
|
+
.seed-data-table__chipOverflow {
|
|
318
|
+
box-sizing: border-box;
|
|
319
|
+
display: inline-flex;
|
|
320
|
+
align-items: center;
|
|
321
|
+
justify-content: center;
|
|
322
|
+
flex-shrink: 0;
|
|
323
|
+
height: 20px;
|
|
324
|
+
padding: 0 4px;
|
|
325
|
+
border-radius: 6px;
|
|
326
|
+
background-color: #f6f7f7;
|
|
327
|
+
color: #000000;
|
|
328
|
+
font-size: 10px;
|
|
329
|
+
font-weight: var(--seed-font-weight-regular);
|
|
330
|
+
line-height: 15px;
|
|
331
|
+
white-space: nowrap;
|
|
332
|
+
}
|
|
333
|
+
.seed-data-table__chipListEditor {
|
|
334
|
+
display: flex;
|
|
335
|
+
align-items: center;
|
|
336
|
+
flex-wrap: wrap;
|
|
337
|
+
gap: 3px;
|
|
338
|
+
min-width: 0;
|
|
339
|
+
width: 100%;
|
|
340
|
+
}
|
|
312
341
|
.seed-data-table__chipRemove {
|
|
313
342
|
box-sizing: border-box;
|
|
314
343
|
display: inline-flex;
|
|
@@ -217,6 +217,11 @@
|
|
|
217
217
|
position: sticky;
|
|
218
218
|
}
|
|
219
219
|
|
|
220
|
+
.seed-data-table__cell[data-overlay-open] {
|
|
221
|
+
z-index: 20;
|
|
222
|
+
overflow: visible;
|
|
223
|
+
}
|
|
224
|
+
|
|
220
225
|
.seed-data-table__cell[data-editable] {
|
|
221
226
|
cursor: default;
|
|
222
227
|
}
|
|
@@ -334,21 +339,48 @@
|
|
|
334
339
|
flex-shrink: 0;
|
|
335
340
|
align-items: center;
|
|
336
341
|
padding: 0 4px;
|
|
337
|
-
line-height:
|
|
342
|
+
line-height: 15px;
|
|
338
343
|
display: inline-flex;
|
|
339
344
|
overflow: clip;
|
|
340
345
|
}
|
|
341
346
|
|
|
342
347
|
.seed-data-table__chipList {
|
|
343
|
-
align-items: center;
|
|
344
|
-
gap: var(--seed-dimension-x1_5);
|
|
345
348
|
flex-wrap: nowrap;
|
|
349
|
+
align-items: center;
|
|
350
|
+
gap: 3px;
|
|
346
351
|
width: 100%;
|
|
347
352
|
min-width: 0;
|
|
348
353
|
display: flex;
|
|
354
|
+
position: relative;
|
|
349
355
|
overflow: hidden;
|
|
350
356
|
}
|
|
351
357
|
|
|
358
|
+
.seed-data-table__chipOverflow {
|
|
359
|
+
box-sizing: border-box;
|
|
360
|
+
color: #000;
|
|
361
|
+
height: 20px;
|
|
362
|
+
font-size: 10px;
|
|
363
|
+
font-weight: var(--seed-font-weight-regular);
|
|
364
|
+
white-space: nowrap;
|
|
365
|
+
background-color: #f6f7f7;
|
|
366
|
+
border-radius: 6px;
|
|
367
|
+
flex-shrink: 0;
|
|
368
|
+
justify-content: center;
|
|
369
|
+
align-items: center;
|
|
370
|
+
padding: 0 4px;
|
|
371
|
+
line-height: 15px;
|
|
372
|
+
display: inline-flex;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
.seed-data-table__chipListEditor {
|
|
376
|
+
flex-wrap: wrap;
|
|
377
|
+
align-items: center;
|
|
378
|
+
gap: 3px;
|
|
379
|
+
width: 100%;
|
|
380
|
+
min-width: 0;
|
|
381
|
+
display: flex;
|
|
382
|
+
}
|
|
383
|
+
|
|
352
384
|
.seed-data-table__chipRemove {
|
|
353
385
|
box-sizing: border-box;
|
|
354
386
|
width: 12px;
|