Side nav hidden on mobile tag adding

[github/wallabag/wallabag.git] / app / Resources / static / themes / material / index.js

diff --git a/app/Resources/static/themes/material/index.js b/app/Resources/static/themes/material/index.js
index d8f5628cd5cf866f2ebdb7c848ec7d91ee1d7764..2414c0fcc87e6d7908c96f62344c959c05d7d0e6 100755 (executable)
--- 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;
   });