ENH: Show min-width warning in tour and edit mode

Summary

Introduce a warning that is shown in tour and edit mode when viewed on small screens (#194 (closed) ).

Focus

The warning elements and the toggling have been added to tour.js and edit_mode.js.

Test Environment

Simply open and close the tour while reducing the window size and check that the warning appears if and only if the tour is open on small screens. Log in and verify the same for the edit mode.

Check List for the Author

Please, prepare your MR for a review. Be sure to write a summary and a focus and create gitlab comments for the reviewer. They should guide the reviewer through the changes, explain your changes and also point out open questions. For further good practices have a look at our review guidelines

• All automated tests pass
• Reference related Issues
• Up-to-date CHANGELOG.md
• Annotations in code (Gitlab comments)
  • Intent of new code
  • Problems with old code
  • Why this implementation?

Check List for the Reviewer

• I understand the intent of this MR
• All automated tests pass
• Up-to-date CHANGELOG.md
• The test environment setup works and the intended behavior is reproducible in the test environment
• In-code documentation and comments are up-to-date.
• Check: Are there spezifications? Are they satisfied?

For further good practices have a look at our review guidelines.

changed target branch from dev to f-boot-tour

added 3 commits

• bb22f6c8 - WIP: Move warnings to navbar
• 7f42962b - ENH: Only show tour warning when tour is active
• 9c4aa0ab - ENH: Show edit mode warning only when in edit mode

Compare with previous version

changed the description

marked the checklist item All automated tests pass as completed

marked the checklist item Reference related Issues as completed

added 1 commit

• 39788305 - DOC: Update changelog

Compare with previous version

marked the checklist item Up-to-date CHANGELOG.md as completed

marked the checklist item Annotations in code (Gitlab comments) as completed

marked this merge request as ready

requested review from @daniel

added 1 commit

• a2b05bd6 - STY: Whitespace and simplified toggling.

Compare with previous version

added 1 commit

• a4500880 - FIX: Undoing not-working attempt.

Compare with previous version

One small problem: If the edit mode is open and the page is reloaded, the warning will not appear. This issue is so small though that you can merge the branch if you want to.

Fixed in b812ce6b

added 1 commit

• b812ce6b - FIX: Also show edit mode warning after reload

Compare with previous version

marked the checklist item I understand the intent of this MR as completed

added 1 commit

• 61d147c9 - STY: Whitespace fixup

Compare with previous version

marked the checklist item Up-to-date CHANGELOG.md as completed

marked the checklist item The test environment setup works and the intended behavior is as completed

marked the checklist item In-code documentation and comments are up-to-date. as completed

LGTM

enabled an automatic merge when the pipeline for 61d147c9 succeeds

marked the checklist item All automated tests pass as completed

mentioned in commit 7f9ef2ac

merged