From eb248abd1747fa4ca4ced1f442720350e5e8059b Mon Sep 17 00:00:00 2001 From: Erin Donehoo Date: Wed, 7 May 2025 16:17:09 -0400 Subject: [PATCH 1/2] docs(empty-state): Content edits to support new images. --- .../design-guidelines/components/empty-state/empty-state.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/empty-state/empty-state.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/empty-state/empty-state.md index b67725e306..f0ae865e1d 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/empty-state/empty-state.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/empty-state/empty-state.md @@ -398,20 +398,20 @@ For a filtering or search situation, you can use a stand-alone secondary button Empty states can be a full page, or they can be included inside of other components on the page. ### Full-page empty states -On a desktop, a full-page empty state should be 64px away from the top and horizontally centered with a minimum padding of 24px on all remaining sides. +On a desktop, a full-page empty state should contain a 3xl spacer at the top and should be horizontally centered, with a lg spacer (or larger) on all remaining sides.
![Example of the spacing tokens used on a full-page empty state.](./img/es-full-page-spacing.svg)
-On a mobile device, a full-page empty state should be 48px away from the top with a minimum of 16px padding on all remaining sides. +On a mobile device, a full-page empty state should contain a 2xl spacer at the top, with md spacer (or larger) on all remaining sides.
![Example of the spacing tokens used on a mobile empty state.](./img/es-mobile-spacing.svg)
### Empty states inside tables, cards, or wizards -Empty states inside a table, card, or wizard should always be horizontally and vertically centered on their background. Outside padding on all remaining sides should be 24px. +Empty states inside a table, card, or wizard should always be horizontally and vertically centered on their background. There should be a lg spacer of outside padding on all remaining sides.
![Example of the spacing tokens used on a table.](./img/es-table-spacing.svg) From 63674186935604f36f8d55105e178f2263ba2caa Mon Sep 17 00:00:00 2001 From: Erin Donehoo <105813956+edonehoo@users.noreply.github.com> Date: Wed, 7 May 2025 16:19:08 -0400 Subject: [PATCH 2/2] Update packages/documentation-site/patternfly-docs/content/design-guidelines/components/empty-state/empty-state.md --- .../design-guidelines/components/empty-state/empty-state.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/empty-state/empty-state.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/empty-state/empty-state.md index f0ae865e1d..f377b2e3ff 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/empty-state/empty-state.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/empty-state/empty-state.md @@ -404,7 +404,7 @@ On a desktop, a full-page empty state should contain a 3xl spacer at the top and ![Example of the spacing tokens used on a full-page empty state.](./img/es-full-page-spacing.svg)
-On a mobile device, a full-page empty state should contain a 2xl spacer at the top, with md spacer (or larger) on all remaining sides. +On a mobile device, a full-page empty state should contain a 2xl spacer at the top, with a md spacer (or larger) on all remaining sides.
![Example of the spacing tokens used on a mobile empty state.](./img/es-mobile-spacing.svg)