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

Update Settings: Update sub-screens #5334

Open
wants to merge 14 commits into
base: feature/mike/update-settings/rearrange-settings-screen
Choose a base branch
from

Conversation

mikescamell
Copy link
Contributor

@mikescamell mikescamell commented Nov 29, 2024

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

Description

Makes design changes to all the settings sub-screens, including:

  • Copy changes
  • Padding/Margin changes
  • Adding/Updating new header images
  • Rearranging items (Data clearing screen only)

Steps to test this PR

Prerequisites: newSettings flag is on

Designs:

Private Search

  • Designs
  • Open Private Search screen
  • Screen should default to device transition and no longer crossfade
  • Check new header image is visible
  • Check Status Indicator is visible and "Always On"
  • Check copy has been updated
  • Check against designs

UI changes

Before After
Alt Text Alt Text

Web Tracking Protection

  • Designs
  • Open Web Tracking Protection screen
  • Screen should default to device transition and no longer crossfade
  • Check new header image is visible
  • Check Status Indicator is visible and "Always On"
  • Check copy has been updated
  • Check against designs

UI changes

Before After
Alt Text Alt Text

Cookie Pop-Up Protection

  • Designs
  • Open Cookie Pop-Up Protection screen
  • Screen should default to device transition and no longer crossfade
  • Check new header image is visible
  • Check Status Indicator is visible and is "On" or "Off" depending on the toggle
  • Turn toggle on/off
  • Check header image changes to either on/off version
  • Check Status Indicator turns to on/off
  • Check copy
  • Press "Learn More"
  • Tracking Protections website should open
  • Press back
  • Check against designs

UI changes

Before After

App Tracking Protection

  • Open App Tracking Protection screen
  • Screen should default to device transition and no longer crossfade
  • No other changes made to this screen

Email Protection

  • Open Email Protection screen
  • Screen should default to device transition and no longer crossfade
  • No other changes made to this screen

General

  • Open General screen
  • Screen should default to device transition and no longer crossfade
  • No other changes made to this screen

Sync & Backup

  • Designs
  • Open Sync & Backup screen
  • Screen should default to device transition and no longer crossfade
  • Check "Single Device Setup" heading is now "Other Options"
  • Check against designs

UI changes

Before After

Appearance

  • Designs
  • Open Appearance screen
  • Screen should default to device transition and no longer crossfade
  • The App Icon should now be aligned to the right of the screen

UI changes

Before After

Passwords & Autofill

  • Open Passwords & Autofill screen
  • Screen should default to device transition and no longer crossfade
  • The toolbar title should be "Passwords & Autofill"

UI changes

Before After

Accessibility

  • Designs
  • Open Accessibility screen
  • Screen should default to device transition and no longer crossfade
  • Check screen top padding has been increased

UI changes

Before After

Permissions

  • Open Permissions screen
  • Screen should default to device transition and no longer crossfade
  • No other changes made to this screen

Data Clearing

  • Designs
  • Open Data Clearing screen
  • Screen should default to device transition and no longer crossfade
  • Order of items should be 1. "Fire Button Animation" 2. Divider 3. "Fireproof Sites" 4. "Automatically Clear Data..." 5. "Clear On..."
  • Check against designs

UI changes

Before After

Duck Player

  • Open Duck Player screen
  • Screen should default to device transition and no longer crossfade
  • No other changes made to this screen

About

  • Designs
  • Open About screen
  • Screen should default to device transition and no longer crossfade
  • Title in toolbar should be "About"
  • Check about copy matches designs
  • Check against designs

UI changes

Before After

LegacySettings Screen

Prerequisites: newSettings flag is off

  • Smoke test, run through each item an ensure there are no major visual changes e.g. two header images instead of 1

Demo

Screen_recording_20241129_163452.mp4

The new "Learn More" link text does not have an underline and is our own blue color

We need to ensure that "Learn More" is placed on a newline after we create the Spannable

The Cookie Image is slightly different in on/off scenarios (spikey cookie ends, checkmark sizing) and I will ask about this
We have one more state "Always On" which we need for a couple of sub screens.

It makes more sense now to add this as an emum and allow setting from XML

We can make a function that allows us to easily set on/off which we need in most cases that calls to the new setStatus function that takes a "Status"
It seemed easiest to add new views and just hide/show based on the flag
Similar to AutoConsent and I've made a note to extract the clickable span when I come back to tidy up
I purposefully did not flag the minor margin changes for the divider, I didn't think it was worth it.
Again not flagging purposefully as it's such a minor change
not flagging this as it's a simple change
Copy link
Contributor Author

mikescamell commented Nov 29, 2024

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

This stack of pull requests is managed by Graphite. Learn more about stacking.

We don't need to use makeSceneTransitionAnimation as we're not doing SharedElementTransitions

This looks like it became a c/p for all the screens, resulting in some weird cross-fading
@mikescamell mikescamell force-pushed the feature/mike/update-settings/update_subscreens branch from d5d90b7 to 9cbd91e Compare November 29, 2024 13:34
@mikescamell mikescamell force-pushed the feature/mike/update-settings/update_subscreens branch from 9cbd91e to a3873ed Compare November 29, 2024 16:50
@mikescamell mikescamell marked this pull request as ready for review November 29, 2024 16:51
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.

1 participant