mozilla-vpn-client
mozilla-vpn-client copied to clipboard
Consolidate dev menu feature lists and use toggles to indicate status
Description
This PR
- Consolidates the three features lists in our dev menu (features that can be toggled on, features that can be toggled off, the whole feature laundry list) into a single list
- Replaces the check boxes with toggles to indicate feature status.
- Features that can be toggled on/off have functioning, enabled toggles at full opacity.
- Features that cannot be toggled on and off have disabled toggles with lower opacity.
https://user-images.githubusercontent.com/22355127/183742881-611f4b6b-6a10-4916-82f1-f327cfb12264.mov
Once #4168 closes, which disables UI changes when hovering disabled toggles, the distinction between an enabled and disabled toggle will be even clearer.
Reference
#4150
Checklist
- [ ] My code follows the style guidelines for this project
- [ ] I have not added any packages that contain high risk or unknown licenses (GPL, LGPL, MPL, etc. consult with DevOps if in question)
- [ ] I have performed a self review of my own code
- [ ] I have commented my code PARTICULARLY in hard to understand areas
- [ ] I have added thorough tests where needed