Background

The Vector 2022 skin provides flexibility for customizing user interface elements such as menus and layout widths.
Recent design discussions, specifically arising from T407516 and T409334, have given fuel to evaluating how *pinnable menus* are behaving with complex layouts like Grid under various customization options and how widths adapt between wide and standard viewport modes.

Maintaining these customizations while ensuring consistent user satisfaction across different configurations comes at a cost.
This task aims to evaluate the current customization capabilities, identify limitations, and gather insights to inform potential improvements or configuration defaults.

Goal

• Assess how Vector’s pinnable menus are increasing maintenance under complex layouts.
• Outline how available content widths adjust or constrain under both wide and standard viewport modes.
• Gather instrumentation data and review for use here
• Determine whether customization settings lead to consistent and predictable layouts.
• Provide recommendations or follow-up tasks if changes are needed.

Open questions

• To be decided if any recommendation should apply solely to ReadingLists or beyond

Acceptance Criteria for Done

• A documented outline of pinnable menu and appearance menu behavior across customization states.
• An evaluation report describing how menu widths differ between wide and standard viewports.
• Screenshots or screencasts demonstrating observed behavior for both configurations.
• Identified list of any issues, layout breakages, or inconsistent user experiences.
• Clear recommendations or proposed next steps (e.g. enhancement tasks).
• All findings posted or linked in the task description or associated Phabricator subtask.