From c1e1f72c95f009dbc6259837cbd57d91dbff9e6b Mon Sep 17 00:00:00 2001 From: Erin Donehoo Date: Mon, 31 Jul 2023 11:49:57 -0400 Subject: [PATCH 1/6] docs: expands design guidelines for level layout. --- .../design-guidelines/layouts/level.md | 20 ++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md index 6eb1662908..ab8b80a9d1 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md @@ -2,4 +2,22 @@ id: Level section: layouts --- -Use a **Level** layout to evenly distribute content horizontally within a container. +The **level** layout is designed to distribute space between children evenly and center them on the x-axis. + +## Elements + +By default level items are placed on the page horizontally and wrap. The level layout is not responsive, but items will wrap when necessary space is limited. + + +[image] + +1. **level**: the level container +1. **level item**:: the level child + +## Usage + +## Variations + +You can apply gutters to adjust the space between items. + +[image] \ No newline at end of file From e9a3b145656bd296a7ecd927178e75ca9d801777 Mon Sep 17 00:00:00 2001 From: Erin Donehoo Date: Wed, 16 Aug 2023 09:57:21 -0400 Subject: [PATCH 2/6] Expands content. --- .../content/design-guidelines/layouts/level.md | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md index ab8b80a9d1..f4df837a3b 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md @@ -2,22 +2,23 @@ id: Level section: layouts --- -The **level** layout is designed to distribute space between children evenly and center them on the x-axis. +The **level** layout is designed to distribute space evenly between sections of content and center them horizontally. ## Elements -By default level items are placed on the page horizontally and wrap. The level layout is not responsive, but items will wrap when necessary space is limited. +By default, level items are placed on the page horizontally and wrap. The level layout is not responsive, but items will wrap when necessary space is limited. +![pending example image]() -[image] - -1. **level**: the level container -1. **level item**:: the level child +1. **Level:** The level container, which holds all level items +1. **Level item:** Each section of content in the level container ## Usage +The level layout is useful when you want to ensure that sections of content are neatly and evenly displayed across the width of a UI. + ## Variations You can apply gutters to adjust the space between items. -[image] \ No newline at end of file +![pending example image]() \ No newline at end of file From cc004a41802d376142e14420e6f5ea86022708e4 Mon Sep 17 00:00:00 2001 From: Erin Donehoo Date: Wed, 16 Aug 2023 10:34:46 -0400 Subject: [PATCH 3/6] Image placeholders. --- .../content/design-guidelines/layouts/level.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md index f4df837a3b..5a7093938a 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md @@ -8,7 +8,7 @@ The **level** layout is designed to distribute space evenly between sections of By default, level items are placed on the page horizontally and wrap. The level layout is not responsive, but items will wrap when necessary space is limited. -![pending example image]() +[pending example image]() 1. **Level:** The level container, which holds all level items 1. **Level item:** Each section of content in the level container @@ -21,4 +21,4 @@ The level layout is useful when you want to ensure that sections of content are You can apply gutters to adjust the space between items. -![pending example image]() \ No newline at end of file +[pending example image]() \ No newline at end of file From 2bd075b9aa9222c0d6f0e3db2b034f3e1fa03b0f Mon Sep 17 00:00:00 2001 From: Erin Donehoo Date: Thu, 24 Aug 2023 16:16:01 -0400 Subject: [PATCH 4/6] Adds content to ready for review. --- .../content/design-guidelines/layouts/level.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md index 5a7093938a..dcb6b0e3d2 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md @@ -6,19 +6,19 @@ The **level** layout is designed to distribute space evenly between sections of ## Elements -By default, level items are placed on the page horizontally and wrap. The level layout is not responsive, but items will wrap when necessary space is limited. +By default, level items are placed on the page horizontally and wrap. The level layout is not responsive, but items will wrap as the viewport is resized. -[pending example image]() +[add image] -1. **Level:** The level container, which holds all level items -1. **Level item:** Each section of content in the level container +1. **Level:** The level container, which holds all level items. +1. **Level item:** An individual section of content to be placed in the level. ## Usage -The level layout is useful when you want to ensure that sections of content are neatly and evenly displayed across the width of a UI. +The level layout can be used to ensure that sections of content are neatly and evenly displayed across the width of a UI. ## Variations You can apply gutters to adjust the space between items. -[pending example image]() \ No newline at end of file +[add image] \ No newline at end of file From 85dc97e0a44aad6c3b44e9ba098fb29e3de62d78 Mon Sep 17 00:00:00 2001 From: Erin Donehoo <105813956+edonehoo@users.noreply.github.com> Date: Fri, 25 Aug 2023 11:52:07 -0400 Subject: [PATCH 5/6] Apply suggestions from code review --- .../content/design-guidelines/layouts/level.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md index dcb6b0e3d2..d6c4c0bf49 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md @@ -11,7 +11,7 @@ By default, level items are placed on the page horizontally and wrap. The level [add image] 1. **Level:** The level container, which holds all level items. -1. **Level item:** An individual section of content to be placed in the level. +1. **Level item:** An individual section of content to be placed in the level container. ## Usage @@ -19,6 +19,6 @@ The level layout can be used to ensure that sections of content are neatly and e ## Variations -You can apply gutters to adjust the space between items. +To adjust spacing between items, you can apply gutters. [add image] \ No newline at end of file From 477d92d807419bc6b7c557a2be33aeaa9798c0e4 Mon Sep 17 00:00:00 2001 From: Erin Donehoo <105813956+edonehoo@users.noreply.github.com> Date: Wed, 13 Dec 2023 16:31:31 -0500 Subject: [PATCH 6/6] Remove image placeholders --- .../content/design-guidelines/layouts/level.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md index d6c4c0bf49..844e83a4c4 100644 --- a/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md +++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/layouts/level.md @@ -8,7 +8,7 @@ The **level** layout is designed to distribute space evenly between sections of By default, level items are placed on the page horizontally and wrap. The level layout is not responsive, but items will wrap as the viewport is resized. -[add image] +A level layout will contain: 1. **Level:** The level container, which holds all level items. 1. **Level item:** An individual section of content to be placed in the level container. @@ -20,5 +20,3 @@ The level layout can be used to ensure that sections of content are neatly and e ## Variations To adjust spacing between items, you can apply gutters. - -[add image] \ No newline at end of file