Prevent drag/dop and text selection on most elements.

[hydra]

I've noticed, over the years, that it was possible to accidentally start a drag-and-drop operation when clicking various elements in the UI, something that shouldn't be possible and certainly isn't possible in native apps.

Similarly, when selecting text it was possible to accidentally select the text of UI elements, again something that shouldn't be possible unless specifically enabled.

This PR:

• disables text selection for everywhere except the CLI and the LOG.
• disables drag/drop for all elements.

[hydra]

@McGiverGim is there a CSS selector that selects ALL children, not just direct descendants? If so I could improve the selectors a bit. e.g. <strong> and <span> elements within the LOG <p> elements, and <br> elements within the CLI <div>.

[McGiverGim]

@McGiverGim is there a CSS selector that selects ALL children, not just direct descendants? If so I could improve the selectors a bit. e.g. <strong> and <span> elements within the LOG <p> elements, and <br> elements within the CLI

.

@hydra I don' t understand exactly... something like:

tag1 tag2 {
...
}

will affect all the tag2 inside a tag1, but it does not need to be a direct descendant.

[haslinghuis]

@asizon can you confirm, as CSS is your thing 😄

[hydra]

I need to fix the OSD drag/drop. Don't merge this yet. I forgot about that.

[hydra]

@McGiverGim ok, fixed with an additional commit.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!

0 Bugs
0 Vulnerabilities
0 Security Hotspots
2 Code Smells

No Coverage information
0.4% Duplication

[blckmn]

AUTOMERGE: (PASS)

• Github identifies PR as mergeable -> PASS
• PR is not in draft -> PASS
• Assigned to a milestone -> PASS
• cooling off period lapsed (10/06/2021 01:18:23) -> PASS
• commit count less or equal to three (3 commits) -> PASS
• 'Don't merge' label NOT found -> PASS
• 'Needs coordination with betaflight' label NOT found -> PASS
• At least one 'RN:' label found -> PASS
• 'Tested' label found -> PASS
• assigned to an approver (haslinghuis) -> PASS
• approver count at least three (3 approvers) -> PASS