Merge Request Widgets - Foundations visual design
Purpose
As the team works on Merge Request Widgets, there are aspects of the visual design and UX that UX Foundations can assist with.
Scope
-
Widget structure
- Padding
- Regions: icon, text, info, actions
- Height/scrolling
- Responsive behavior
- Fixed vs. fluid layout preference
- Hierarchy
- Widget connections (shared edges)
-
Iconography
- General status
- Secure status
- Nested list items
- Vertical alignment with multiple lines of text
-
Actions
- Expand/collapse
- View full report
- Manage licenses
- Download results
- Info
- Nested list item actions
-
Visual design
- Interactive states (hover, etc.)
- Status states (failed, etc.)
- Widget container
- Nested lists
-
Content
- Headings
- Descriptions
- Nested list items
- Links
- Meta
-
Embedded alerts(removing in favor of widget status and messaging)
Edited by Jeremy Elder