Update design of subscription confirmation dialog
Background / User story
As mentioned in https://gitlab.com/eyeo/adblockplus/abpui/adblockplusui/issues/450, we'd like to have an improved UI for the dialog that shows subscriptions info/errors.
What to change
- Design: https://eyeogmbh.invisionapp.com/share/3GS76ARU5D6#/screens/365281395
- Research: None.
- Spec: https://gitlab.com/eyeo/specs/spec/blob/b386db03aad691f10240385e0ddb2d33c695f4d7/spec/abp/options-page-advanced.md#adding-filter-lists-via-subscribe-links
Hints for testers
- When using the test environment, you can use the "addSubscription" parameter to reproduce the various dialog states.
- The following links should be displayed according to the spec:
- Styles of other modal dialogs (i.e. "About Adblock Plus" dialog) should be consistent with this modal dialog.
- Styles of other primary (i.e. blue background) and secondary (i.e. white background, blue border) buttons should be consistent with ones in modal dialogs.
- Styles of other buttons (e.g. close button, trash button) should be unaffected.
Hints for translators
- Added strings:
- options_dialog_predefined_subscription_title
- options_dialog_predefined_subscription_url
- Updated strings:
- options_dialog_invalid_message
- options_dialog_predefined_confirm
Integration notes
Import the following files:
- skin/icons/filter-list-title.svg
- skin/icons/filter-list-url.svg
- skin/icons/open-link.svg
Edited by Thomas Greiner