refine-mantine 1.7.0-dev.7 → 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
|
})]
|
|
@@ -1309,6 +1312,7 @@ const LayoutMinimal = (p) => {
|
|
|
1309
1312
|
})
|
|
1310
1313
|
}),
|
|
1311
1314
|
/* @__PURE__ */ jsx(AppShell.Section, {
|
|
1315
|
+
pb: "sm",
|
|
1312
1316
|
...p.navbarFooterProps,
|
|
1313
1317
|
visibleFrom: "sm",
|
|
1314
1318
|
children: p.renderIdentity ? p.renderIdentity(identity, handleLogout) : /* @__PURE__ */ jsxs(Stack, {
|
|
@@ -1354,6 +1358,7 @@ const LayoutMinimal = (p) => {
|
|
|
1354
1358
|
})
|
|
1355
1359
|
}),
|
|
1356
1360
|
/* @__PURE__ */ jsx(AppShell.Section, {
|
|
1361
|
+
pb: "sm",
|
|
1357
1362
|
...p.navbarFooterProps,
|
|
1358
1363
|
hiddenFrom: "sm",
|
|
1359
1364
|
children: /* @__PURE__ */ jsxs(Stack, {
|
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`,
|
|
@@ -178,7 +178,7 @@ export const LayoutMinimal: React.FC<LayoutProps> = (p) => {
|
|
|
178
178
|
)}
|
|
179
179
|
</AppShell.Section>
|
|
180
180
|
|
|
181
|
-
<AppShell.Section {...p.navbarFooterProps} visibleFrom="sm">
|
|
181
|
+
<AppShell.Section pb="sm" {...p.navbarFooterProps} visibleFrom="sm">
|
|
182
182
|
{p.renderIdentity ? (
|
|
183
183
|
p.renderIdentity(identity, handleLogout)
|
|
184
184
|
) : (
|
|
@@ -212,7 +212,7 @@ export const LayoutMinimal: React.FC<LayoutProps> = (p) => {
|
|
|
212
212
|
)}
|
|
213
213
|
</AppShell.Section>
|
|
214
214
|
|
|
215
|
-
<AppShell.Section {...p.navbarFooterProps} hiddenFrom="sm">
|
|
215
|
+
<AppShell.Section pb="sm" {...p.navbarFooterProps} hiddenFrom="sm">
|
|
216
216
|
<Stack gap="xs">
|
|
217
217
|
{p.locales && (
|
|
218
218
|
<Locales locales={p.locales} variant="full" label={languageLabel} />
|