mozilla-vpn-client icon indicating copy to clipboard operation
mozilla-vpn-client copied to clipboard

Consolidate dev menu feature lists and use toggles to indicate status

Open lesleyjanenorton opened this issue 2 years ago • 0 comments

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

lesleyjanenorton avatar Aug 09 '22 19:08 lesleyjanenorton