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: Browser Menu #2678

Closed

Conversation

malmstein
Copy link
Contributor

@malmstein malmstein commented Dec 22, 2022

Task/Issue URL: https://app.asana.com/0/1174433894299346/1203514942123199

Description

PR to update the Browser Menu specs
Design review in https://app.asana.com/0/1174433894299346/1203600732931519

malmstein and others added 30 commits December 22, 2022 11:52
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>
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/0/1203418963160800/f

### Description
Migrate internal features settings section to new components
Task/Issue URL:
https://app.asana.com/0/1174433894299346/1203438184524173

### Description
Update typograhpy to use lineHeight instead of lineSpacingExtra

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

Migrate Settings screen and small section to new components

- Main Settings menu
- Theme Dialog
- App Icon Screen
- Fire Button Animation Dialog
- Automatically Clear... Dialog
- Clear On... Dialog
- Open Links in Apps Dialog
- DuckSuckGo Desktop App Screen
- About DuckDuckGo Screen

- Install from this branch
- Go to Settings
- [ ] Check settings menu, dialogs and screens mention in description
look as expected

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

![Screenshot_20221130-181442_DuckDuckGo](https://user-images.githubusercontent.com/20798495/204876902-c02e41a3-6ff4-40a9-9b04-82cf8206b2d6.jpg)|![Screenshot_20221130-181455_DuckDuckGo](https://user-images.githubusercontent.com/20798495/204876842-55c26244-32c1-4c54-adb6-7572b8862d90.jpg)|

Co-authored-by: David González <malmstein@gmail.com>
Task/Issue URL:
https://app.asana.com/0/1202857801505092/1203480450171661/f

### Description
Fix for making radiogroup scrollable if content is too long

### Steps to test this PR

- Install from this branch
- Change your device language to Russian
- Go to Settings > Clear On...
- [ ] Check content is scrollable

### UI changes
| Before  | After |
| ------ | ----- |
![Screenshot 2022-12-02 at 16 01
19](https://user-images.githubusercontent.com/20798495/206157601-c569514b-e322-492c-a5aa-1e0c04955b9d.png)|https://user-images.githubusercontent.com/20798495/206157619-bab38fb5-90bb-486a-b3ba-efd61b334d31.mp4|
Task/Issue URL:
https://app.asana.com/0/1202857801505092/1203501746286788

### Description
Update divider color attribute in dark mode
Task/Issue URL: https://app.asana.com/0/0/1203467500325941/f

### Description

- Migrate Unprotected Sites screen to new components 
- Created new CustomAlertDialog component

### Steps to test this PR

- Install from this branch
- Go to Settings > Unprotected Sites
- [ ] Check screen look as expected

### UI changes
| Before  | After |
| ------ | ----- |
![Screenshot_20221206_180155_DuckDuckGo](https://user-images.githubusercontent.com/20798495/205987523-0e85ae6f-3fb7-4e9a-a71c-23f396584966.jpg)|![Screenshot_20221206_141121_DuckDuckGo](https://user-images.githubusercontent.com/20798495/205987409-c1bfbb9e-2ef6-439a-95e2-87bd28ba24e8.jpg)|
Task/Issue URL: https://app.asana.com/0/0/1203411647299663/f

### Description
Migrate Downloads screen to new components

### Steps to test this PR

- Install from this branch
- Go to Downloads
- [ ] Check everything looks as expected

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

![Screenshot_20221207_140218_DuckDuckGo](https://user-images.githubusercontent.com/20798495/206199425-9fbdb8a9-3b6e-4796-975d-ed1d0ed603bf.jpg)|![Screenshot_20221207_132951_DuckDuckGo](https://user-images.githubusercontent.com/20798495/206198560-ce6a6c45-16f2-4fb0-9f20-aed5c9e219ce.jpg)|
Task/Issue URL:
https://app.asana.com/0/1202857801505092/1203501746286791

Description
Update TextInput to latest specs
Task/Issue URL:
https://app.asana.com/0/inbox/1157893581871899/1203455585574665/1203472619504664

### Description
System Search changes

Co-authored-by: Noelia Alcala <nalcalag@gmail.com>
nalcalag and others added 7 commits December 22, 2022 11:52
Task/Issue URL:  https://app.asana.com/0/1174433894299346/1203464673670509

### Description
Update Browser dialogs to latest spec, check task for details

Co-authored-by: Aitor Viana <aitorvs@gmail.com>
Co-authored-by: David <malmstein@gmail.com>
Task/Issue URL:
https://app.asana.com/0/1174433894299346/1203411647299664
Design Review Task: https://app.asana.com/0/0/1203569245422155/f

### Description
Update Tab switcher screen

Co-authored-by: Aitor Viana <aitorvs@gmail.com>
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
@malmstein malmstein marked this pull request as ready for review December 22, 2022 13:16
@nalcalag nalcalag closed this Dec 28, 2022
@nalcalag nalcalag mentioned this pull request Dec 30, 2022
This was referenced Jan 9, 2023
@malmstein malmstein deleted the 12-22-feature/david/ads/browser_menu branch January 12, 2023 08:47
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