This task is about signifying to users:
1. When they are offline in Wikipedia, and
2. If they have offline compilations available (if any have been downloaded).
==== Proposed UI:
{F9195140}
**1. A card appears on the Explore feed when they are offline **
See mock above (redline version on Zeplin: https://zpl.io/bolqgk2 )
** 2. An sub-status bar appears across the app advising the user that they are "Browsing offline".**
Per mock above, the status bar and sub-status bar is the Accent30 (dark blue) color //**globally**// in the app.
** Clarifying the expectation for the status & toolbar background color in the article stack both online and offline **
| (Light mode) Scenario | //Initial// Status bar (and sub-status bar) color | Status bar color //transition// upon scrolling down | //Initial// toolbar color | Toolbar color //transition// upon scrolling down | Toolbar color //transition// upon scrolling back up
|-- |-- |-- |-- |-- |--
| **Online** in an article with a lead image | Transparent | rgba (0,0,0,.26) | Gradient scrim | N/A, toolbar scrolls off | Base90
| **Online** in an article with NO lead image | Transparent | rgba (0,0,0,.26) | Base90 | N/A, toolbar scrolls off | Base90
| **Offline** in an article with a lead image | Accent30 | Accent30 | Gradient scrim | N/A, toolbar scrolls off | Base90
| **Offline** in an article with NO lead image | Accent30 | Accent30 | Gradient scrim | N/A, toolbar scrolls off | Base90
| All other NON-article screens (offline or online) | Accent30 | Accent30 | Accent50 | N/A as toolbar remains fixed | N/A as toolbar remains fixed
==== QA steps
// Pre-requisite for card to appear in the feed is that the Offline Library contains one or more article packs. //
# Open the app to the Explore feed, note that the regular feed cards should appear as normal (In the news, featured article of the day, etc)
# Go offline (turn on airplane mode). It is **expected** that the feed should now update to only show cards that can be interacted with whilst the user is offline - including the appearance of a "Manage Offline Library" card, as well as the 'sub-status' bar showing the user they are "Browsing offline".
# Delete all downloaded article packs from your Offline Library. It is **expected** that the feed should no longer show the "Manage Offline Library" card (since there is nothing to manage), but the sub-status bar showing "Browsing offline" is still showing.