refine-mantine 1.7.0-dev.8 → 1.7.0-dev.9
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/index.js
CHANGED
|
@@ -952,13 +952,16 @@ const Show = (props) => {
|
|
|
952
952
|
/* @__PURE__ */ jsxs(Group, {
|
|
953
953
|
justify: "space-between",
|
|
954
954
|
align: "center",
|
|
955
|
+
wrap: "nowrap",
|
|
955
956
|
...headerProps,
|
|
956
957
|
children: [/* @__PURE__ */ jsxs(Stack, {
|
|
957
958
|
gap: "xs",
|
|
958
959
|
children: [breadcrumbComponent, /* @__PURE__ */ jsxs(Group, {
|
|
959
960
|
gap: "xs",
|
|
961
|
+
wrap: "nowrap",
|
|
960
962
|
children: [buttonBack, /* @__PURE__ */ jsx(Title, {
|
|
961
963
|
order: 3,
|
|
964
|
+
lineClamp: 2,
|
|
962
965
|
children: title ?? translate(`${identifier}.titles.show`, `Show ${getUserFriendlyName(resource?.meta?.label ?? identifier, "singular")}`)
|
|
963
966
|
})]
|
|
964
967
|
})]
|
package/package.json
CHANGED
|
@@ -82,3 +82,17 @@ export const Default = () => {
|
|
|
82
82
|
);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
+
export const LongTitle = () => (
|
|
86
|
+
<Show
|
|
87
|
+
title="Show user profile details with a very long resource title that should stay on one line without pushing the layout out of place"
|
|
88
|
+
headerButtons={() =>
|
|
89
|
+
<ButtonGroup>
|
|
90
|
+
<RefreshButton />
|
|
91
|
+
<CloneButton />
|
|
92
|
+
<EditButton />
|
|
93
|
+
<DeleteButton />
|
|
94
|
+
</ButtonGroup>
|
|
95
|
+
}
|
|
96
|
+
>
|
|
97
|
+
</Show>
|
|
98
|
+
);
|
|
@@ -186,12 +186,12 @@ export const Show: React.FC<ShowProps> = (props) => {
|
|
|
186
186
|
return (
|
|
187
187
|
<Card p="md" {...wrapperProps}>
|
|
188
188
|
<LoadingOverlay visible={loadingOverlayVisible} />
|
|
189
|
-
<Group justify="space-between" align="center" {...headerProps}>
|
|
189
|
+
<Group justify="space-between" align="center" wrap="nowrap" {...headerProps}>
|
|
190
190
|
<Stack gap="xs">
|
|
191
191
|
{breadcrumbComponent}
|
|
192
|
-
<Group gap="xs">
|
|
192
|
+
<Group gap="xs" wrap="nowrap">
|
|
193
193
|
{buttonBack}
|
|
194
|
-
<Title order={3}>
|
|
194
|
+
<Title order={3} lineClamp={2}>
|
|
195
195
|
{title ??
|
|
196
196
|
translate(
|
|
197
197
|
`${identifier}.titles.show`,
|