Hide certain overlays on smartphones if editor is focused

diff --git a/wcfsetup/install/files/js/3rdParty/redactor2/plugins/WoltLabEvent.js b/wcfsetup/install/files/js/3rdParty/redactor2/plugins/WoltLabEvent.js
index 323f0aab7f46c9060825b5fa3df3963b3dd9b35f..f2930f04a327239d307637611714cd70b783ec08 100644 (file)
--- a/wcfsetup/install/files/js/3rdParty/redactor2/plugins/WoltLabEvent.js
+++ b/wcfsetup/install/files/js/3rdParty/redactor2/plugins/WoltLabEvent.js
@@ -1,6 +1,8 @@
 $.Redactor.prototype.WoltLabEvent = function() {
        "use strict";
        
+       var _activeInstances = 0;
+       
        return {
                init: function() {
                        this._callbacks = [];
@@ -13,6 +15,22 @@ $.Redactor.prototype.WoltLabEvent = function() {
                                        
                                }).bind(this))
                        }).bind(this));
+                       
+                       this.$editor[0].addEventListener('focus', function () {
+                               _activeInstances++;
+                               
+                               document.documentElement.classList.add('redactorActive');
+                       });
+                       this.$editor[0].addEventListener('blur', function () {
+                               _activeInstances--;
+                               
+                               // short delay to prevent flickering when switching focus between editors
+                               window.setTimeout(function () {
+                                       if (_activeInstances === 0) {
+                                               document.documentElement.classList.remove('redactorActive');
+                                       }
+                               }, 100);
+                       })
                },
                
                _setEvents: function(EventHandler) {

diff --git a/wcfsetup/install/files/style/layout/pageHeaderSticky.scss b/wcfsetup/install/files/style/layout/pageHeaderSticky.scss
index 9c046dfb78f34b20e39672e359d04fcc9e4ac099..cc34cee9f6aa92ef619b7e43c7db2d3d4f57ba6e 100644 (file)
--- a/wcfsetup/install/files/style/layout/pageHeaderSticky.scss
+++ b/wcfsetup/install/files/style/layout/pageHeaderSticky.scss
@@ -167,6 +167,12 @@
        }
 }
 
+@include screen-xs {
+       .redactorActive .pageHeaderContainer {
+               visibility: hidden !important;
+       }
+}
+
 @include screen-md-down {
        .pageHeaderSearch.open {
                left: 0;

diff --git a/wcfsetup/install/files/style/ui/pageAction.scss b/wcfsetup/install/files/style/ui/pageAction.scss
index 8c7ff31b6faf09b103939f93ab0fdabc18b818c7..eecad93c7bab2c7488eafb250996543ea2602415 100644 (file)
--- a/wcfsetup/install/files/style/ui/pageAction.scss
+++ b/wcfsetup/install/files/style/ui/pageAction.scss
@@ -72,3 +72,9 @@
 .pageOverlayActive .pageAction {
        display: none;
 }
+
+@include screen-xs {
+       .redactorActive .pageAction {
+               display: none !important;
+       }
+}