Disabling mutually exclusive settings

[kommunarr]

---

Disabling mutually exclusive settings

Pull Request Type
Please select what type of pull request this is:

• Bugfix

Related issue
closes #1468

Description

1. Now correctly grays out & disables controls for mutually exclusive settings in External Player Settings when appropriate. Now disappears chunks of General Settings, Proxy Settings, & SponsorBlock settings when appropriate. (Disappears Invidious settings area under General Settings when Local API & no fallback API are set; disappears proxy & SponsorBlock options when those features are disabled.)
2. Adds ability to disable ft-select elements by giving them the disabled attribute.
3. Adds/improves styling for disabled ft-select, ft-button, ft-input, and ft-toggle-switch elements. Now makes it very visually clear that these controls are disabled. Their opacity is set to 0.4 when disabled, which is generally considered sufficiently grayed for accessibility purposes.

Screenshots (if appropriate)

Testing (for code that is not small enough to be easily understandable)
Tested; all controls work fine when not mutually exclusive & vice versa.

Desktop (please complete the following information):

• OS: OpenSUSE
• OS Version: Tumbleweed
• FreeTube version: bleeding edge

Edit: As of 1b58fd2: when applicable, the Invidious settings, Proxy settings, and SponsorBlock settings are now disappeared instead of grayed out. Screenshots of the older version are visible in the earliest edition of this post in the edit history.

[efb4f5ff-1298-471a-8973-3d47447115dc]

I like! Do u still need to more changes or can i approve?

[ChunkyProgrammer]

LGTM, just curious as to what the criteria should be for whether something should be hidden or greyed out for future reference

[kommunarr]

LGTM, just curious as to what the criteria should be for whether something should be hidden or greyed out for future reference

I would say if some setting or settings make the values of multiple other settings in the same tab irrelevant, those other settings should be hidden. In any other case the other setting(s) should be probably be grayed out. Graying out may also be favorable if hiding causes flexbox weirdness, but it's up to the discretion of the contributor.

[efb4f5ff-1298-471a-8973-3d47447115dc]

LGTM!

[PikachuEXE]

Local Test:
the change feels fine
As soon as the issue mentioned above solved this can be merged for me

[PikachuEXE]

Locally tested latest code

[PikachuEXE]

I have actually tested the latest code and forgot to approve
Oops

[ChunkyProgrammer]

LGTM

[efb4f5ff-1298-471a-8973-3d47447115dc]

LGTM!