Page MenuHomePhabricator

Homepage layout created via main page customization task is not fully mobile responsive
Open, HighPublic4 Estimated Story PointsBUG REPORT

Description

Description
Homepage layout created through the main page customization task is currently showing responsiveness issues on mobile devices. Some sections do not adapt well to smaller screen sizes, resulting in inconsistent layout behavior and rendering. One possible contributing factor could be the amount of inline CSS currently being generated and some sections (e.g., content categories) relying on table-based layouts. It may be worth exploring the use of TemplateStyles.

Steps to reproduce
Test with the Tyap language wiki homepage on mobile. Also see source.

What happens?:
Some homepage sections are difficult to view or navigate on small screens.

What should have happened instead?:
Homepage sections should adapt cleanly across different screen sizes and mobile devices.

Other information (browser name/version, screenshots, etc.):

IMG_2900.png (1,170×2,532 px, 754 KB)

Details

Related Changes in GitLab:
TitleReferenceAuthorSource BranchDest Branch
Fix: Restore mobile stacking of Main Page two-column rowsrepos/lpl/starterkit-v1!111ngkountasfix/main-page-column-responsive-regressionmain
Fix: Create TemplateStyles stylesheets in Template namespace on test wikisrepos/lpl/starterkit-v1!110ngkountasfix/templatestyles-namespace-testwikimain
Fix: Make generated Main Page responsive on mobilerepos/lpl/starterkit-v1!105ngkountasfix/main-page-mobile-responsive-T429067main
Customize query in GitLab

Event Timeline

srishakatux set the point value for this task to 4.
srishakatux moved this task from Backlog to Enhancements on the Starter Kit board.
MaryMunyoki raised the priority of this task from Medium to High.Fri, Jul 3, 5:01 PM

ngkountas opened https://gitlab.wikimedia.org/repos/lpl/starterkit-v1/-/merge_requests/110

Fix: Create TemplateStyles stylesheets in Template namespace on test wikis

eamedina merged https://gitlab.wikimedia.org/repos/lpl/starterkit-v1/-/merge_requests/110

Fix: Create TemplateStyles stylesheets in Template namespace on test wikis