Update classes and ids to have Kiwix namespace

static/server/taskbar.css

@@ -48,34 +48,34 @@
     margin: 0 auto;
 }
 
-#button_show_toggle {
+#kiwix_button_show_toggle {
     display: none;
 }
 
-#button_show_toggle:checked~label~.kiwix_button_cont,
-#button_show_toggle:checked~label~.kiwix_button_cont>a {
+#kiwix_button_show_toggle:checked~label~.kiwix_button_cont,
+#kiwix_button_show_toggle:checked~label~.kiwix_button_cont>a {
     display: block;
 }
 
-#button_show_toggle:not(:checked)~label~.kiwix_button_cont {
+#kiwix_button_show_toggle:not(:checked)~label~.kiwix_button_cont {
     display: none;
 }
 
-label[for="button_show_toggle"] {
+label[for="kiwix_button_show_toggle"] {
     display: inline-block;
     height: 26px;
 }
 
-label[for="button_show_toggle"] img {
+label[for="kiwix_button_show_toggle"] img {
     transition: 0.1s;
     height: 26px;
 }
 
-#button_show_toggle:checked~label img {
+#kiwix_button_show_toggle:checked~label img {
     transform: rotate(-180deg);
 }
 
-label[for="button_show_toggle"],
+label[for="kiwix_button_show_toggle"],
 .kiwix_button_cont {
     display: block;
 }
@@ -143,18 +143,18 @@ li.ui-state-focus {
         display: inline-block !important;
     }
 
-    label[for="button_show_toggle"] {
+    label[for="kiwix_button_show_toggle"] {
         display: none;
     }
 }
 
 @media (max-width: 645px) {
 
-    #button_show_toggle~label~.kiwix_button_cont.searching {
+    #kiwix_button_show_toggle~label~.kiwix_button_cont.searching {
         display: none !important;
     }
 
-    label[for="button_show_toggle"].searching {
+    label[for="kiwix_button_show_toggle"].searching {
         display: none !important;
     }
 

static/server/taskbar.html.part

@@ -8,8 +8,8 @@
           <input autocomplete="off" class="ui-autocomplete-input" id="kiwixsearchbox" name="pattern" type="text">
         </form>
       </div>
-      <input type="checkbox" id="button_show_toggle">
-      <label for="button_show_toggle"><img src="__ROOT_LOCATION__/skin/caret.png" alt=""></label>
+      <input type="checkbox" id="kiwix_button_show_toggle">
+      <label for="kiwix_button_show_toggle"><img src="__ROOT_LOCATION__/skin/caret.png" alt=""></label>
       <div class="kiwix_button_cont">
         <a id="kiwix_serve_taskbar_library_button" href="__ROOT_LOCATION__/"><button>&#x1f3e0;</button></a>
         <a id="kiwix_serve_taskbar_home_button" href="__ROOT_LOCATION__/__CONTENT__/"><button>__ZIM_TITLE__</button></a>

static/server/taskbar.js

@@ -39,11 +39,11 @@
     $('#kiwixsearchbox').on({
         focus: function () {
             $('.kiwix_searchform').addClass('full_width');
-            $('label[for="button_show_toggle"], .kiwix_button_cont').addClass('searching');
+            $('label[for="kiwix_button_show_toggle"], .kiwix_button_cont').addClass('searching');
         },
         blur: function () {
             $('.kiwix_searchform').removeClass('full_width');
-            $('label[for="button_show_toggle"], .kiwix_button_cont').removeClass('searching');
+            $('label[for="kiwix_button_show_toggle"], .kiwix_button_cont').removeClass('searching');
         }
     });
 })(jQuery);