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: Remove ripple for disabled ppro items #5546

Conversation

mikescamell
Copy link
Contributor

@mikescamell mikescamell commented Jan 27, 2025

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

Description

Added ripple effect to clickable settings list items and removed background from non-clickable items to improve visual feedback and user interaction consistency.

Steps to test this PR

Settings List Items

  • Navigate to settings
  • Purchase Privacy Pro Monthly
  • Verify Privacy Pro (VPN, PIR, ITR) items are clickable and have a ripple
  • Cancel Privacy Pro
  • Wait 5mins for expiration
  • Navigate out of settings and back in
  • Verify Privacy Pro items (VPN, PIR, ITR) have no ripple effect

UI changes

Before

Screen_recording_20250127_184447.mp4

After

Screen_recording_20250127_183546.mp4

Copy link
Contributor Author

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

@mikescamell mikescamell force-pushed the feature/mike/update-settings/remove-ripple-for-disabled-ppro-items branch from 6b46744 to 22aee04 Compare January 27, 2025 18:36
ensure no ripples are shown when the click listener is set to null
@mikescamell mikescamell force-pushed the feature/mike/update-settings/remove-ripple-for-disabled-ppro-items branch from 22aee04 to cc83ee4 Compare January 27, 2025 18:40
@mikescamell mikescamell marked this pull request as ready for review January 27, 2025 18:46
@nalcalag nalcalag self-assigned this Feb 10, 2025
Copy link
Contributor

@nalcalag nalcalag left a comment

Choose a reason for hiding this comment

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

LGTM and works as expected

@mikescamell mikescamell merged commit 5ec9fd1 into develop Feb 10, 2025
7 checks passed
@mikescamell mikescamell deleted the feature/mike/update-settings/remove-ripple-for-disabled-ppro-items branch February 10, 2025 16:36
tr4200812 pushed a commit to tr4200812/Dutifully-Adelaide- that referenced this pull request Mar 7, 2025
Task/Issue URL:
https://app.asana.com/0/1207908166761516/1209246799465871/f

### Description
Added ripple effect to clickable settings list items and removed
background from non-clickable items to improve visual feedback and user
interaction consistency.

### Steps to test this PR

_Settings List Items_
- [x] Navigate to settings
- [x] Purchase Privacy Pro Monthly
- [x] Verify Privacy Pro (VPN, PIR, ITR) items are clickable and have a
ripple
- [x] Cancel Privacy Pro
- [x] Wait 5mins for expiration
- [x] Navigate out of settings and back in
- [x] Verify Privacy Pro items (VPN, PIR, ITR) have no ripple effect

### UI changes
**Before** 


https://github.com/user-attachments/assets/c13d1be6-dc71-4e08-bad8-8a08ac295d50

**After**


https://github.com/user-attachments/assets/e33059d7-9698-473b-8a76-c09ca29c7c6c
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