@godxjp/ui 18.12.3 → 18.12.5
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.
|
@@ -176,7 +176,7 @@ function Pagination({
|
|
|
176
176
|
/* @__PURE__ */ jsx(
|
|
177
177
|
SelectTrigger,
|
|
178
178
|
{
|
|
179
|
-
className: "ui-pagination-size-trigger w-[var(--pagination-size-width)]",
|
|
179
|
+
className: "ui-pagination-size-trigger w-max min-w-[var(--pagination-size-width)]",
|
|
180
180
|
"aria-label": t("navigation.pagination.pageSize"),
|
|
181
181
|
children: /* @__PURE__ */ jsx(SelectValue, {})
|
|
182
182
|
}
|
|
@@ -4,7 +4,11 @@
|
|
|
4
4
|
/* Width of the label column in horizontal/inline layout. A service theme sets
|
|
5
5
|
* this once (e.g. 110px) to align every form to its design grid; the Form/
|
|
6
6
|
* FormField `labelWidth` prop overrides per form/field. */
|
|
7
|
-
|
|
7
|
+
/* Fixed aligned label column by default (gh#284) — `max-content` sized each field's label
|
|
8
|
+
* column to its own label, so horizontal forms (especially columns={2} grids) had controls
|
|
9
|
+
* starting at ragged x positions. 8rem mirrors --descriptions-label-width so edit forms and
|
|
10
|
+
* show pages share the same optical grid; the Form/FormField `labelWidth` prop overrides. */
|
|
11
|
+
--form-label-width: 8rem;
|
|
8
12
|
|
|
9
13
|
/* Column gap between the label and its control in horizontal/inline layout. */
|
|
10
14
|
--form-label-gap: var(--space-4); /* 16px */
|
|
@@ -3,6 +3,9 @@
|
|
|
3
3
|
:root {
|
|
4
4
|
--pagination-gap: var(--space-inline-sm);
|
|
5
5
|
--pagination-item-gap: var(--space-inline-xs);
|
|
6
|
+
/* Size-changer trigger MIN width (gh#286) - the trigger sizes to its content (w-max) so
|
|
7
|
+
* localized labels (ja 100/ページ) never clip; this token only keeps short labels from
|
|
8
|
+
* collapsing below the control rhythm. */
|
|
6
9
|
--pagination-size-width: 5.5rem;
|
|
7
10
|
--pagination-total-font-size: var(--font-size-sm);
|
|
8
11
|
--filter-bar-gap: var(--space-3);
|