mi6
Guidance Site: Implement icon only variant of Back To Top for smaller viewports
Summary
The back to top on the site can obscure information on the site on smaller devices. A new icon variant has been added under https://github.com/mi6/ic-ui-kit/issues/1849, which could now be implemented on the site.
Suggestion is to make it dynamically switch based on the device size - using a CSS media query to show the regular variant at large breakpoints and the icon variant at smaller breakpoints
Also account for zoom levels - show icon variant at 200%
💰 Use value
It would mean less of the site content is obscured on smaller devices
📝 Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
Given the site is being viewed on a small device
When the back to top is visible
Then it should show as the icon variant
