Change Details

NOTE: Blocked on T319447 == Background We would like to add a toggle that controls the width of the site for the Vector 2022 skin == Design Prototype: https://di-full-width-toggle.web.app/Galaxy TBD: precise location of the toggle | | Limited width on | Limited width off | -- | -- | -- | Article (top of page) | {F35611232 width=400} | {F35611234 width=400} | Article (scrolled) | {F35611245 width=400} | {F35611240 width=400} | Special page (that is "full-width") | {F35611236 width=400} | {F35611238 width=400} ==Acceptance criteria [] Build a toggle that expands the fixed width of the page [] This behavior would be persistent for logged-in users and not persistent for logged-out users [] The toggle should appear around 1600px and be hidden below that breakpoint. [] No changes are required for the existing logic of Special:RecentChanges / other Special Pages ==QA [] Ensure that we test the new toggle alongside the help icon for suggested edits [1] ___ [1] Steps to trigger this are: 1) Go to Newcomer `Special:Homepage` (GrowthExperiments should be turned on, if not turn on all at Preferences > User Profile > Newcomer editor features) 2) Select a "Suggested edits" task that is *NOT* machine assisted (eg., Copy edit) You will be taken to the suggested article to copyedit in Read mode, with the floating Help panel icon visible. {F35640232}:

NOTE: Blocked on T319447 == Background We would like to add a toggle that controls the width of the site for the Vector 2022 skin == Design Prototype: https://di-full-width-toggle.web.app/Galaxy TBD: precise location of the toggle | | Limited width on | Limited width off | -- | -- | -- | Article (top of page) | {F35611232 width=400} | {F35611234 width=400} | Article (scrolled) | {F35611245 width=400} | {F35611240 width=400} | Special page (that is "full-width") | {F35611236 width=400} | {F35611238 width=400} ==Acceptance criteria [] Build a toggle that expands the fixed width of the page [] This behavior would be persistent for logged-in users and not persistent for logged-out users [] The toggle should appear around 1600px and be hidden below that breakpoint. [] No changes are required for the existing logic of Special:RecentChanges / other Special Pages ==QA When testing this feature add `?vectorvisualenhancementnext=1` to the URL. e.g. https://en.wikipedia.beta.wmflabs.org/wiki/Albert%20Einstein?vectorvisualenhancementnext=1 [] Ensure that we test the new toggle alongside the help icon for suggested edits [1] ___ [1] Steps to trigger this are: 1) Go to Newcomer `Special:Homepage` (GrowthExperiments should be turned on, if not turn on all at Preferences > User Profile > Newcomer editor features) 2) Select a "Suggested edits" task that is *NOT* machine assisted (eg., Copy edit) You will be taken to the suggested article to copyedit in Read mode, with the floating Help panel icon visible. {F35640232}:

NOTE: Blocked on T319447 == Background We would like to add a toggle that controls the width of the site for the Vector 2022 skin == Design Prototype: https://di-full-width-toggle.web.app/Galaxy TBD: precise location of the toggle | | Limited width on | Limited width off | -- | -- | -- | Article (top of page) | {F35611232 width=400} | {F35611234 width=400} | Article (scrolled) | {F35611245 width=400} | {F35611240 width=400} | Special page (that is "full-width") | {F35611236 width=400} | {F35611238 width=400} ==Acceptance criteria [] Build a toggle that expands the fixed width of the page [] This behavior would be persistent for logged-in users and not persistent for logged-out users [] The toggle should appear around 1600px and be hidden below that breakpoint. [] No changes are required for the existing logic of Special:RecentChanges / other Special Pages ==QA When testing this feature add `?vectorvisualenhancementnext=1` to the URL. e.g. https://en.wikipedia.beta.wmflabs.org/wiki/Albert%20Einstein?vectorvisualenhancementnext=1 [] Ensure that we test the new toggle alongside the help icon for suggested edits [1] ___ [1] Steps to trigger this are: 1) Go to Newcomer `Special:Homepage` (GrowthExperiments should be turned on, if not turn on all at Preferences > User Profile > Newcomer editor features) 2) Select a "Suggested edits" task that is *NOT* machine assisted (eg., Copy edit) You will be taken to the suggested article to copyedit in Read mode, with the floating Help panel icon visible. {F35640232}: