From ec3b0f58c5ddb1b7b5214a79e25cf30d8fbfab91 Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <machniak@kolabsys.com>
Date: Wed, 16 May 2018 12:36:12 +0200
Subject: [PATCH] Elastic: Align mobile taskmenu to the left and close on
 outside touch

---
 skins/elastic/styles/widgets/dialogs.less | 7 ++++---
 skins/elastic/ui.js                       | 4 +++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/skins/elastic/styles/widgets/dialogs.less b/skins/elastic/styles/widgets/dialogs.less
index f1c7a3491..1f912509c 100644
--- a/skins/elastic/styles/widgets/dialogs.less
+++ b/skins/elastic/styles/widgets/dialogs.less
@@ -72,6 +72,7 @@ html.layout-phone {
         margin: 0 !important;
         padding: 0;
         right: 0;
+        left: initial !important;
         bottom: 0;
         top: 0;
         width: @layout-mobile-menu-width;
@@ -80,6 +81,7 @@ html.layout-phone {
         border: 0;
         display: flex;
         flex-direction: column;
+        box-shadow: none;
 
         div.arrow {
             display: none;
@@ -90,8 +92,8 @@ html.layout-phone {
         }
     }
 
-    .popover:not(#rcmKSearchpane) {
-        left: initial !important;
+    .popover.menu {
+        left: 0 !important;
     }
 
     .popover-overlay {
@@ -106,7 +108,6 @@ html.layout-phone {
     #rcmKSearchpane {
         bottom: auto;
         border: 1px solid @color-input-border;
-        box-shadow: none;
     }
 
     .popover-header {
diff --git a/skins/elastic/ui.js b/skins/elastic/ui.js
index b2a8c8525..8275dfe88 100644
--- a/skins/elastic/ui.js
+++ b/skins/elastic/ui.js
@@ -1527,7 +1527,9 @@ function rcube_elastic_ui()
     {
         if (show) {
             if (mode == 'phone') {
-                $('<div id="menu-overlay" class="popover-overlay">').appendTo('body');
+                $('<div id="menu-overlay" class="popover-overlay">')
+                    .on('click', function() { app_menu(false); })
+                    .appendTo('body');
 
                 if (!env.menu_initialized) {
                     env.menu_initialized = true;