[MCL-12] Grid (Row/Column/Container) Created: 08/Dec/23 Updated: 02/Feb/24 Resolved: 01/Feb/24 |
|
| Status: | Closed |
| Project: | Magnolia Component Library |
| Component/s: | Page Structure |
| Affects Version/s: | None |
| Fix Version/s: | None |
| Type: | Story | Priority: | Neutral |
| Reporter: | Raymond Tran | Assignee: | Unassigned |
| Resolution: | Fixed | Votes: | 0 |
| Labels: | None | ||
| Remaining Estimate: | Not Specified | ||
| Time Spent: | Not Specified | ||
| Original Estimate: | Not Specified | ||
| Attachments: |
|
||||||||
| Issue Links: |
|
||||||||
| Template: |
|
||||||||
| Acceptance criteria: |
Acceptance Criteria
[X]*
Component is called "Row"
[X]*
Number of Columns in the Row layout depend on layout configured in Row component
[X]*
Columns within a Row stack depending on the breakpoint
Documentation Acceptance Criteria
[X]*
Contains Title, Description and Examples
[X]*
Contains FTL and YAML code
Content Author Acceptance Criteria
[X]*
Class and CSS can be overridden in the Dialog
[X]*
Row Component can be added to any page template in the Main or Footer area.
[X]*
Supports the following column layouts:
1 column (default) 2 columns (33%, 66%) 2 columns (66%, 33%) 2 columns (50%, 50%) 3 columns (33%, 33%, 33%)
[X]*
Switching between column layouts should not destroy existing components i.e. switching from 2 to 1 columns and back to 2 columns should preserve the components.
[X]*
Block styling of components can be achieved using 1 column i.e. MCL-7
Accessibility Acceptance Criteria
|
||||||||
| Date of First Response: | |||||||||
| Description |
User Story:As a content author, Description:Exists in BTK already has Row/Column components. Ensure they still work in Bootstrap v5.3.2. Container is implicit in the Row component and any full width component such as Carousel. Bootstrap documentation: https://getbootstrap.com/docs/5.3/layout/grid/ |