fix: filter input not getting hidden in add snippet panel

Author: devvaannsh

src/extensionsIntegrated/CustomSnippets/src/UIHelper.js

@@ -47,12 +47,14 @@ define(function (require, exports, module) {
         const $snippetListMenu = $("#custom-snippets-list");
         const $backToListMenuBtn = $("#back-to-list-menu-btn");
         const $addNewSnippetBtn = $("#add-new-snippet-btn");
+        const $filterSnippetsPanel = $("#filter-snippets-panel");
 
         $addSnippetMenu.removeClass("hidden");
         $snippetListMenu.addClass("hidden");
 
         $backToListMenuBtn.removeClass("hidden");
         $addNewSnippetBtn.addClass("hidden");
+        $filterSnippetsPanel.addClass("hidden");
     }
 
     /**
@@ -65,12 +67,14 @@ define(function (require, exports, module) {
         const $snippetListMenu = $("#custom-snippets-list");
         const $backToListMenuBtn = $("#back-to-list-menu-btn");
         const $addNewSnippetBtn = $("#add-new-snippet-btn");
+        const $filterSnippetsPanel = $("#filter-snippets-panel");
 
         $addSnippetMenu.addClass("hidden");
         $snippetListMenu.removeClass("hidden");
 
         $backToListMenuBtn.addClass("hidden");
         $addNewSnippetBtn.removeClass("hidden");
+        $filterSnippetsPanel.removeClass("hidden");
     }
 
     /**

src/styles/Extn-CustomSnippets.less

@@ -71,16 +71,22 @@
 }
 
 .filter-snippets-panel {
+    display: inline-block;
     position: absolute;
     top: 6px;
     right: 40px;
 }
 
+.filter-snippets-panel.hidden {
+    display: none;
+}
+
 .filter-snippets-panel #filter-snippets-input {
     height: 14px;
     width: 220px;
 }
 
+
 #close-custom-snippets-panel-btn {
     position: absolute;
     top: 9px;