Implement a toggle that shows/hides the Frontend Editing UI

This will be a good improvement for readers who can also edit content (like in Intranet scenarios).

a.dmitriiev → made their first commit to this issue’s fork.

I found a bug. When you have the hover mode enabled, but the toggle is set to "0ff", the outline and plus are gone, but the hover effect still applies.

Bug where the hover mode padding was still being applied although the toggle is set to 'Off' has been fixed. Putting up for review.

Needs rebase and inclusion of color schema from Issue #3439916 by bbruno, a.dmitriiev, breidert: Introduce Color Customization Options and Neutral Colors for Frontend Editing UI Elements

Rebase was finished, bbruno, please apply colour scheme changes.

The new custom color variable has been implemented on the toggle. Up for review.

Merged, will be part of next release (1.7.0)

This new feature represents yet another step forward addressing very nicely the balance between availability and distraction for content editors and reviewers.

Just one additional point of feedback and that is that I think the floating link is mislabelled...

When FEE us ACTIVE the the toggle should read 'OFF' instead of 'ON' because the link itself is representative of possible action, not the current state. The content editors already know it's OK because they can do the FEE magic.

Following on from that I would suggest that a better default labelling / styling might be to remove the visible labels altogether and simply have the backend-configured grey for when it is OFF and change it to a darker grey when ON. WRT both cases, leave the textual elaboration to the tool tips.

As a further connected enhancement, all us to configure that second (ON) colour and even better still allow us to add additional attributes to toggle for both both states so that we can add some really neat, informative front end tool tips such as those easily configured using Bootstrap 5.

Automatically closed - issue fixed for 2 weeks with no activity.