Make Settings page responsive
User story
As an ABP Firefox user who uses ABP on both desktop and mobile, I expect to have the same functionality available in the Settings on all platforms (desktop, mobile, tablet).
Background
Update the Settings page design to be responsive to adapt to both mobile and tablet screens.
Design mockup
- Updated styles and design
- WIP Specs
Desktop and mobile mockups below:
Platform | New | Current |
---|---|---|
Desktop | ||
Tablet | N/A | |
Mobile |
What to change
- Desktop: Change layout to a 2 column layout - 1) sidebar navigation, 2) remove the header column, to have a single main content column.
- Mobile: Move main navigation to the top of the screen with a horizontal scroll
- (TBD) Implement changes as specified in https://gitlab.com/eyeo/specs/spec/merge_requests/153
Checklist:
Edited by Luiza Ursachi