Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ADS: Widgets migration #2687

Closed

Conversation

nalcalag
Copy link
Contributor

@nalcalag nalcalag commented Dec 30, 2022

Task/Issue URL:

Description

Migrate widgets to new styles

Steps to test this PR

  • Install from this branch
  • Add widget to your home screen
  • Check widgets match new designs

UI changes

Before After
Screenshot_20221230_163631_One UI Home Screenshot_20221230_163636_One UI Home

@malmstein malmstein force-pushed the feature/noelia/ads_widgets_migration branch from 6e70980 to b507026 Compare January 9, 2023 10:32
@malmstein malmstein mentioned this pull request Jan 9, 2023
@malmstein malmstein force-pushed the feature/noelia/ads_widgets_migration branch from b507026 to 73cba9f Compare January 9, 2023 15:45
@malmstein malmstein mentioned this pull request Jan 10, 2023
malmstein and others added 15 commits January 11, 2023 11:58
Task/Issue URL: https://app.asana.com/0/1202857801505092/1203418290512953

### Description

- Support the textColor attribute from Android
- When textType and textColor are both set, textType will take priority.
Task/Issue URL:
https://app.asana.com/0/1202857801505092/1203425281067996

### Description
The top triangle in the DaxDialog doesn't respect elevation. The outline
around it is not consistent with the rest of the Card.

### UI changes

| Before  | After |
| ------ | ----- |

![Screenshot_20221122_174516](https://user-images.githubusercontent.com/531613/203578300-1a80b73e-cb28-441c-831c-cb9a1307319f.png)|![Screenshot_20221123_140401](https://user-images.githubusercontent.com/531613/203578315-8778a408-8158-40f3-ae88-d1bc3039937a.png)|
<!--
Note: This checklist is a reminder of our shared engineering
expectations.
The items in Bold are required
If your PR involves UI changes:
1. Upload screenshots or screencasts that illustrate the changes before
/ after
2. Add them under the UI changes section (feel free to add more columns
if needed)
    3. Make sure these changes are tested in API 23 and API 26
If your PR does not involve UI changes, you can remove the **UI
changes** section
-->

Task/Issue URL:
https://app.asana.com/0/1202857801505092/1203433424223914/f

### Description
Increase padding-end for OneLineListItem and TwoLineListItem when
showing switch

### Steps to test this PR

- Install from this branch
- Go to Settings > Design Preview
- [ ] Check List Items with toggle look as expected

### UI changes
| Before  | After |
| ------ | ----- |

![autoconsent_old_light](https://user-images.githubusercontent.com/20798495/203793730-c9d9883e-c2a8-48bd-8a9e-6c19288f2f92.jpg)|![padding-end_16dp](https://user-images.githubusercontent.com/20798495/203793656-dae94b23-c40c-4d3b-8dce-65f8f9a4f539.jpg)|
Task/Issue URL:
https://app.asana.com/0/1202857801505092/1203425281067996

### Description
The top triangle in the DaxDialog doesn't respect elevation. The outline
around it is not consistent with the rest of the Card.

### UI changes

| Before  | After |
| ------ | ----- |

![Screenshot_20221122_174516](https://user-images.githubusercontent.com/531613/203578300-1a80b73e-cb28-441c-831c-cb9a1307319f.png)|![Screenshot_20221123_140401](https://user-images.githubusercontent.com/531613/203578315-8778a408-8158-40f3-ae88-d1bc3039937a.png)|
<!--
Note: This checklist is a reminder of our shared engineering
expectations.
The items in Bold are required
If your PR involves UI changes:
1. Upload screenshots or screencasts that illustrate the changes before
/ after
2. Add them under the UI changes section (feel free to add more columns
if needed)
    3. Make sure these changes are tested in API 23 and API 26
If your PR does not involve UI changes, you can remove the **UI
changes** section
-->

Task/Issue URL: https://app.asana.com/0/0/1203418963160798/f

### Description
Global Privacy Control screen 100% migrated to new components

### Steps to test this PR

- Install from this branch
- Go to Settings > Global Privacy Control (GPC)
- [ ] Check screen looks as expected

### UI changes
| Before  | After |
| ------ | ----- |

![Screenshot_20221124-100149_DuckDuckGo](https://user-images.githubusercontent.com/20798495/203757021-1b931a7a-dfbb-41fb-92af-e30c6faa88f9.jpg)|![Screenshot_20221124-100405_DuckDuckGo](https://user-images.githubusercontent.com/20798495/203757276-10fd5129-0a87-45ae-a864-695c2b1c6793.jpg)|

![Screenshot_20221124-100341_DuckDuckGo](https://user-images.githubusercontent.com/20798495/203757037-57eb0cff-cd1b-4342-bece-42d22f06ea46.jpg)|![Screenshot_20221124-100356_DuckDuckGo](https://user-images.githubusercontent.com/20798495/203757306-54f4072d-22c1-4bd5-91a7-dc9fc4b73851.jpg)|
<!--
Note: This checklist is a reminder of our shared engineering
expectations.
The items in Bold are required
If your PR involves UI changes:
1. Upload screenshots or screencasts that illustrate the changes before
/ after
2. Add them under the UI changes section (feel free to add more columns
if needed)
    3. Make sure these changes are tested in API 23 and API 26
If your PR does not involve UI changes, you can remove the **UI
changes** section
-->

Task/Issue URL: https://app.asana.com/0/0/1203418963160799/f

### Description
Manage Cookie Pop-ups screen 100% migrated to new components

### Steps to test this PR

- Install from this branch
- Go to Settings > Manage Cookie Pop-ups
- [ ] Check screen looks as expected

### UI changes
| Before  | After |
| ------ | ----- |

![autoconsent_old_light](https://user-images.githubusercontent.com/20798495/203774974-082d4088-f957-4be8-81aa-7e8735eed21e.jpg)|![autoconsent_new_light](https://user-images.githubusercontent.com/20798495/203776081-2ea13174-f709-4b34-9473-933438dc33b6.jpg)|

![autoconsent_old_dark](https://user-images.githubusercontent.com/20798495/203774991-473012a1-a9c7-40a4-b97d-be230f07614a.jpg)|![autoconsent_new_dark](https://user-images.githubusercontent.com/20798495/203776142-97517f5c-c4c4-431d-a8b1-cf10dad3887d.jpg)|
Task/Issue URL:
https://app.asana.com/0/1174433894299346/1203412677059168
 
### Description
Update toolbar, statusbar and navigation bar colors to latest spec

### UI changes

| Light  | Dark|
| ------ | ----- |

![Screenshot_20221125_151024](https://user-images.githubusercontent.com/531613/204002612-76f95631-0dea-4bb4-a84a-251150a0dfb5.png)|![Screenshot_20221125_150923](https://user-images.githubusercontent.com/531613/204002617-3e850e89-1ea1-416d-b97a-b1b1fc790278.png)|

Co-authored-by: Noelia Alcala <nalcalag@gmail.com>
Task/Issue URL:
https://app.asana.com/0/1174433894299346/1203412677059168
 
### Description
Update toolbar, statusbar and navigation bar colors to latest spec

### UI changes

| Light  | Dark|
| ------ | ----- |

![Screenshot_20221125_151024](https://user-images.githubusercontent.com/531613/204002612-76f95631-0dea-4bb4-a84a-251150a0dfb5.png)|![Screenshot_20221125_150923](https://user-images.githubusercontent.com/531613/204002617-3e850e89-1ea1-416d-b97a-b1b1fc790278.png)|

Co-authored-by: David González <malmstein@gmail.com>
Task/Issue URL:
https://app.asana.com/0/1174433894299346/1203412677059168
 
### Description
Update toolbar, statusbar and navigation bar colors to latest spec

### UI changes

| Light  | Dark|
| ------ | ----- |

![Screenshot_20221125_151024](https://user-images.githubusercontent.com/531613/204002612-76f95631-0dea-4bb4-a84a-251150a0dfb5.png)|![Screenshot_20221125_150923](https://user-images.githubusercontent.com/531613/204002617-3e850e89-1ea1-416d-b97a-b1b1fc790278.png)|

Co-authored-by: Noelia Alcala <nalcalag@gmail.com>
nalcalag and others added 13 commits January 11, 2023 11:58
Task/Issue URL: https://app.asana.com/0/0/1203464345362360/f

### Description
Migrate bottom sheets in Browser to new styling

### Steps to test this PR
**_Downloads_**
- Install from this branch
- Download a file
- [x] Check bottom sheet looks as expected

**_Fire Dialog_**
- Install from this branch
- Tap Fire Button
- [x] Check bottom sheet looks as expected

**_Email Tooltip_**
- Install from this branch
- Sign in on Duck Email Protection
- Go to any sign in website
- Tap on the duck icon in the login input element
- [x] Check bottom sheet looks as expected

**_Navigation History_**
- Install from this branch
- Navigate to few sites
- Long tap on back button (nav bar)
- [x] Check bottom sheet looks as expected

### UI changes
| Before  | After |
| ------ | ----- |

![downloads-bottom-sheet](https://user-images.githubusercontent.com/20798495/208082681-a25cb7bf-e61c-413a-a0c7-d5e0b1fdbfa0.jpg)|![Screenshot_20221215_165818_DuckDuckGo](https://user-images.githubusercontent.com/20798495/208082801-4f45cab9-6958-40a3-8681-d018d0ccd418.jpg)|

![fire-bottom-sheet](https://user-images.githubusercontent.com/20798495/208082702-2365ad4c-447c-4fd0-8bd2-32c3d01a38b6.jpg)|![Screenshot_20221215_162950_DuckDuckGo](https://user-images.githubusercontent.com/20798495/208082945-402c2760-5e70-40ee-9b39-a295eac74789.jpg)|

![email-bottom-sheet](https://user-images.githubusercontent.com/20798495/208082724-7f508b28-06f6-45ff-8e7c-9efac06862f1.jpg)|![Screenshot_20221215_162704_DuckDuckGo](https://user-images.githubusercontent.com/20798495/208082998-73a33ff2-3109-429d-87d1-58d84a1e14f3.jpg)|

![navigation-history-bottom-sheet](https://user-images.githubusercontent.com/20798495/208082746-0ffca4dd-8863-4001-bc45-624a11f530d2.jpg)|![Screenshot_20221215_145128_DuckDuckGo](https://user-images.githubusercontent.com/20798495/208082862-3406af9b-233b-4fc6-9c5c-d091d34153bb.jpg)|

Co-authored-by: David <malmstein@gmail.com>
Task/Issue URL: https://app.asana.com/0/0/1203553010470144/f

### Description
Migrate camera and microphone permission request dialogs to new
components

### Steps to test this PR

- Install from this branch
- Go to a website which requests mic, camera or both permissions
- [ ] Check dialog looks as expected
- Go to Apps > DDG > Permissions and disable microphone permission
- Go back to a website which requests microphone permission and allow it
- [ ] Check Settings dialog look as expected

### UI changes
| Before  | After |
| ------ | ----- |

![Screenshot_20221215_105042_DuckDuckGo](https://user-images.githubusercontent.com/20798495/207844534-5409bae5-f954-4e88-aae0-bb35a6e4aac6.jpg)|![Screenshot_20221215_105631_DuckDuckGo](https://user-images.githubusercontent.com/20798495/207844480-779e7b23-3c12-451e-98f2-ecee718a8286.jpg)|

![Screenshot_20221215_105136_DuckDuckGo](https://user-images.githubusercontent.com/20798495/207844545-c1c09176-6932-49c3-b7c7-64b7f02c0ddc.jpg)|![Screenshot_20221215_105649_DuckDuckGo](https://user-images.githubusercontent.com/20798495/207844497-a2f2c435-b83c-4373-b545-ce1a72eeff04.jpg)|
Task/Issue URL: https://app.asana.com/0/72649045549333/1203568096239636

### Description
Update Onboarding screens and related:
- Onboarding carrousel
- FAQ page
- 
Design Review in task
Task/Issue URL: https://app.asana.com/0/1174433894299346/1203514942123197

### Description
PR to update Voice Search
Design review in https://app.asana.com/0/1174433894299346/1203600732931512

Co-authored-by: Noelia Alcala <nalcalag@gmail.com>
Co-authored-by: Aitor Viana <aitorvs@gmail.com>
Task/Issue URL:
https://app.asana.com/0/1174433894299346/1203411647299665

### Description
PR to update the Remote Messaging views
Design Review in
https://app.asana.com/0/1174433894299346/1203593299114126

Co-authored-by: Noelia Alcala <nalcalag@gmail.com>
Co-authored-by: Aitor Viana <aitorvs@gmail.com>
Task/Issue URL: https://app.asana.com/0/0/1203467500325943/f

**Description**
Migration of share feedback screens to new components

**_Design Review_** in
https://app.asana.com/0/1195897901771673/1203575646431883
Task/Issue URL:
https://app.asana.com/0/1174433894299346/1203577953787622

### Description
This PR updates the Tracker screen sections of AppTP to the latest
designs

### Steps to test this PR
Steps in https://app.asana.com/0/1174433894299346/1203578103740008

Co-authored-by: Noelia Alcala <nalcalag@gmail.com>
Co-authored-by: Aitor Viana <aitorvs@gmail.com>
@nalcalag nalcalag force-pushed the feature/noelia/ads_widgets_migration branch from 73cba9f to a9d5fdb Compare January 11, 2023 11:58
Copy link
Contributor

@malmstein malmstein left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There are loads of colors used that should be using attr values.

@nalcalag nalcalag marked this pull request as ready for review January 11, 2023 16:35
@nalcalag
Copy link
Contributor Author

Follow up in #2711

@malmstein malmstein deleted the feature/noelia/ads_widgets_migration branch January 12, 2023 16:19
This was referenced Jan 19, 2023
@malmstein malmstein mentioned this pull request Jan 27, 2023
2 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants