3500 fix ios bug

CHANGELOG.md

@@ -9,6 +9,10 @@
 - `$breakpoints` Sass map: a map of named breakpoints and their type (`from`, `until` or both)
 - `@mixin breakpoint`: uses the new `$breakpoints` Sass map to output a media query
 
+### Bugfix
+
+- #3500 Fix hidden disabled buttons on iOS 15.4
+
 ## 0.9.3
 
 ### New features

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,27 +64,21 @@
 
       <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>
             Sponsor
           </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>
 

docs/_sass/components/navbar.scss

@@ -1,4 +1,6 @@
 .bd-navbar {
+  z-index: 50;
+
   .navbar-brand img {
     height: 28px;
     max-height: 2em;
@@ -334,6 +336,10 @@
       }
     }
   }
+
+  .bd-navbar-search-desktop-icon {
+    display: none;
+  }
 }
 
 @include desktop() {
@@ -353,16 +359,16 @@
     }
   }
 
-  .bd-navbar-search-icon {
-    display: none;
-  }
-
   .bd-search {
     align-items: center;
     display: flex;
     flex-shrink: 0;
     // margin-left: 0.5rem;
-    width: 16rem;
+    width: 12rem;
+  }
+
+  .bd-navbar-search-mobile-icon {
+    display: none;
   }
 }
 
@@ -381,6 +387,10 @@
     left: 0;
     right: auto;
   }
+
+  .bd-search {
+    width: 16rem;
+  }
 }
 
 @include fullhd() {

docs/_sass/global/cc.scss

@@ -3,7 +3,7 @@
   box-shadow: 0 0 1em rgba(black, 0.1);
   padding: 1em 1.5em;
   position: fixed;
-  z-index: 10;
+  z-index: 60;
 }
 
 .cpck-invisible {

docs/_sass/pages/docs.scss

@@ -14,7 +14,7 @@
 %bd-docs-edge {
   background-color: $scheme-main-bis;
   width: $bd-edge-width;
-  z-index: 31;
+  z-index: 40;
 }
 
 .bd-docs-toggles {

docs/bulma-start.html

@@ -3,8 +3,8 @@
 fulltitle: 'Bulma start: a tiny npm package to get started with Bulma'
 layout: default
 route: bulma-start
-version: 0.0.4
-download_url: https://github.com/jgthms/bulma-start/releases/download/0.0.4/bulma-start-0.0.4.zip
+version: 0.0.5
+download_url: https://github.com/jgthms/bulma-start/releases/download/0.0.5/bulma-start-0.0.5.zip
 github_url: https://github.com/jgthms/bulma-start
 npm_url: https://www.npmjs.com/package/bulma-start
 breadcrumb:
@@ -114,8 +114,8 @@
         </li>
         <li>
           <code
-            ><a href="https://github.com/sass/node-sass" target="_blank"
-              >node-sass</a
+            ><a href="https://github.com/sass/sass" target="_blank"
+              >sass</a
             ></code
           >
           to compile your own Sass file