Nav close button alignment and nav boxes improved

[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 d6afbb8a32eba702d7a68e255608e02c30889e2c..bdccc534ae9627ada30ac6c84820161cc37a71f1 100755 (executable)
--- a/app/Resources/static/themes/material/index.js
+++ b/app/Resources/static/themes/material/index.js
@@ -42,19 +42,20 @@ $(document).ready(() => {
     return false;
   });
   $('#nav-btn-add').on('click', () => {
-    $('.nav-panel-buttom').hide(100);
+    $('.nav-panel-actions').hide(100);
     $('.nav-panel-add').show(100);
-    $('.nav-panels .action').hide(100);
-    $('.nav-panel-menu').addClass('hidden');
     $('.nav-panels').css('background', 'white');
     $('#entry_url').focus();
     return false;
   });
+  const materialAddForm = $('.nav-panel-add');
+  materialAddForm.on('submit', () => {
+    materialAddForm.addClass('disabled');
+    $('input#entry_url', materialAddForm).prop('readonly', true).trigger('blur');
+  });
   $('#nav-btn-search').on('click', () => {
-    $('.nav-panel-buttom').hide(100);
+    $('.nav-panel-actions').hide(100);
     $('.nav-panel-search').show(100);
-    $('.nav-panels .action').hide(100);
-    $('.nav-panel-menu').addClass('hidden');
     $('.nav-panels').css('background', 'white');
     $('#search_entry_term').focus();
     return false;
@@ -62,9 +63,7 @@ $(document).ready(() => {
   $('.close').on('click', () => {
     $('.nav-panel-add').hide(100);
     $('.nav-panel-search').hide(100);
-    $('.nav-panel-buttom').show(100);
-    $('.nav-panels .action').show(100);
-    $('.nav-panel-menu').removeClass('hidden');
+    $('.nav-panel-actions').show(100);
     $('.nav-panels').css('background', 'transparent');
     return false;
   });