Side nav hidden on mobile tag adding

1 files changed, 5 insertions, 0 deletions

diff --git a/app/Resources/static/themes/material/index.js b/app/Resources/static/themes/material/index.js
index d8f5628c..2414c0fc 100755
--- a/app/Resources/static/themes/material/index.js
+++ b/app/Resources/static/themes/material/index.js
@@ -17,6 +17,8 @@ import './js/shortcuts/entry';
 /* Theme style */
 import './css/index.scss';
 
+const mobileMaxWidth = 993;
+
 const stickyNav = () => {
   const nav = $('.js-entry-nav-top');
   $('[data-toggle="actions"]').click(() => {
@@ -81,6 +83,9 @@ $(document).ready(() => {
   $('#nav-btn-add-tag').on('click', () => {
     $('.nav-panel-add-tag').toggle(100);
     $('.nav-panel-menu').addClass('hidden');
+    if (window.innerWidth < mobileMaxWidth) {
+      $('.side-nav').sideNav('hide');
+    }
     $('#tag_label').focus();
     return false;
   });