@godxjp/ui 18.15.0 → 18.15.2
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/styles/table-layout.css +21 -5
- package/package.json +2 -2
|
@@ -196,11 +196,18 @@
|
|
|
196
196
|
}
|
|
197
197
|
|
|
198
198
|
/* Out of flow, in the inline-end reservation its own padding just made.
|
|
199
|
-
* Logical inset, so RTL puts it on the other side with the padding.
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
199
|
+
* Logical inset, so RTL puts it on the other side with the padding.
|
|
200
|
+
*
|
|
201
|
+
* `:last-child` and NOT `:not(:first-child)`. A string header renders as a
|
|
202
|
+
* text node, and `:first-child` counts only ELEMENTS — so with
|
|
203
|
+
* `[text, svg]` the chevron IS the first element child and the negation
|
|
204
|
+
* matched nothing at all. The label kept its symmetric padding, which
|
|
205
|
+
* centres the BOX, while the words inside it stayed 8px off exactly as
|
|
206
|
+
* before. Measured against the built stylesheet, not read: the rule was
|
|
207
|
+
* present in the CSS and inert in the DOM, which is why reading it proved
|
|
208
|
+
* nothing. `:last-child` holds for both shapes the label takes,
|
|
209
|
+
* `[text, svg]` and `[element, svg]`. */
|
|
210
|
+
:is(th, td).text-center > .ui-data-table-sort-button > .ui-data-table-sort-label > :last-child {
|
|
204
211
|
position: absolute;
|
|
205
212
|
inset-inline-end: 0;
|
|
206
213
|
top: 50%;
|
|
@@ -339,6 +346,15 @@
|
|
|
339
346
|
.ui-table-bordered :is([data-slot="table-head"], [data-slot="table-cell"]):not(:last-child) {
|
|
340
347
|
border-inline-end: 1px solid var(--table-border-color, hsl(var(--border)));
|
|
341
348
|
}
|
|
349
|
+
|
|
350
|
+
/* A bordered table sitting FLUSH inside a Card already has the card's frame around it —
|
|
351
|
+
* its own outer frame doubles up as two nested rounded borders (measured on
|
|
352
|
+
* customer-inquiries detail: TABLE 1px inside .ui-card 1px, gh#305). Drop only the outer
|
|
353
|
+
* frame; the vertical column rules above and TableRow's horizontal rules stay, so the
|
|
354
|
+
* grid inside the card is unchanged. A bordered table NOT in a flush card keeps its frame. */
|
|
355
|
+
[data-slot="card-content"][data-flush] .ui-table-bordered {
|
|
356
|
+
border: 0;
|
|
357
|
+
}
|
|
342
358
|
}
|
|
343
359
|
|
|
344
360
|
@layer components {
|