3500 fix ios bug (#3521)

* Fix docs navbar, Fix z-indices

* Update dependencies, Fix #3500

* Update changelog

docs/_includes/components/categories.html

@@ -1,6 +1,6 @@
 <nav id="categories" class="bd-categories">
   <div class="bd-categories-filter">
-    <input id="categoriesFilter" class="input is-small" type="text" name="" placeholder="Filter links">
+    <input id="categoriesFilter" class="input is-small" type="text" name="" placeholder="Filter links" style="border-radius: 0.5em;">
     <span class="bd-key">f</span>
   </div>
 
@@ -10,11 +10,11 @@
 
     {% if category_id == 'overview' %}
       <p class="bd-category-group">
-        Concepts
+        Guides
       </p>
     {% elsif category_id == 'columns' %}
       <p class="bd-category-group">
-        Library
+        CSS Library
       </p>
     {% endif %}
 

docs/_includes/global/navbar.html

@@ -25,7 +25,7 @@
       </a>
     </div>
 
-    <button id="searchIcon" class="navbar-item bd-navbar-search-icon bd-navbar-mobile-icon">
+    <button id="searchIcon" class="navbar-item bd-navbar-search-icon bd-navbar-search-mobile-icon">
       <span class="icon">
         <i class="fas fa-lg fa-search"></i>
       </span>
@@ -64,14 +64,14 @@
 
       <div class="navbar-item bd-navbar-download-button is-hidden-touch">
         <a class="button is-primary mr-3" href="{{ site.data.meta.download }}">
-          <span class="icon">
+          <span class="icon is-hidden-touch is-hidden-desktop-only">
             <i class="fas fa-download"></i>
           </span>
           <span>Download</span>
         </a>
 
         <a href="{{ site.url }}{{ site.data.links.by_id.become-sponsor.path }}" class="button is-sponsor is-light">
-          <span class="icon is-small">
+          <span class="icon is-small is-hidden-touch is-hidden-desktop-only">
             <i class="fas fa-thumbs-up"></i>
           </span>
           <span>
@@ -79,12 +79,6 @@
           </span>
         </a>
       </div>
-
-      <button class="navbar-item bd-navbar-search-icon">
-        <span class="icon">
-          <i class="fas fa-lg fa-search"></i>
-        </span>
-      </button>
     </div>
   </div>