== Background
We would like to build out a way to inform logged-in users of their ability to select the page at full or limited width
== Acceptance criteria
=== On page load for users who have not interacted with the toggle
[] Set up a pointer overlay that highlights the page width toggle.
[] Tooltip copy: <To be decided>
[] Tooltip should show once for all logged-out users on page load [still to be decided]
=== On page load for users who have previously interacted with the toggle to enable full width without realizing what it did
[] Tooltip copy: "You have switched your layout to full width. To go back to limited width, press this button."
[] Tooltip should show once for all logged-out users on page load [still to be decided]
=== Clicking the button
[] Clicking the limited width button will display a secondary tooltip that informs you how to go back to fixed width
[] Tooltip copy: "You have switched your layout to full width. To go back to limited width, press this button."
[] The secondary tooltip should not show if you restore limited width, but should show if you click the button to switch to full width again.
== Design
{F36938555}
== To decide
For users with the default it's unclear how often to show the indicator and when to dismiss it
- Should this be shown on page load?
- Should it be sampled / randomized ?
- Should we only stop showing it, if the user clicks the tooltip to show they have seen it?
== Developer notes
To do this we'll need to add a client side cookie that can be read in limitedWidthToggle.js:
* When the client side cookie is set, the popup notification should not show.
* When the cookie isn't set, we'll show the popup notification at first opportunity (likely)
* Depending on behaviour the value of the cookie should either be '1' (in case we want to show it once) or an integer cast to a string (in the case we want to show it X times)
https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/905314