Fix #3904, #3884: fix website horizontal overflow

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Bulma Changelog
 
+## 1.0.3
+
+### Bug fixes
+
+- Fix #3904, #3884: fix website horizontal overflow
+
 ## 1.0.2
 
 ### Improvements

docs/_includes/global/nav-item.html

@@ -1,5 +1,5 @@
-{% assign link = site.data.links.by_id[include.link_id] %}
+{% assign link = site.data.links.by_id[include.link_id] %} {% assign cleanpath =
-{% assign cleanpath = link.path | remove: '/' %}
+link.path | remove: '/' %}
 
 <a
   class="
@@ -17,28 +17,30 @@
     {% endif %}
   "
   title="{{ link.subtitle | strip_html }}"
-  {% if link.href %}
+  {%
-    href="{{ link.href }}"
+  if
-    target="_blank"
+  link.href
-  {% else %}
+  %}
-    href="{{ site.url }}{{ link.path }}"
+  href="{{ link.href }}"
-  {% endif %}
+  target="_blank"
+  {%
+  else
+  %}
+  href="{{ site.url }}{{ link.path }}"
+  {%
+  endif
+  %}
 >
   <span class="icon">
     <i class="{{ link.icon }}"></i>
   </span>
 
   {% unless link.icon_only %}
-    <span class="bd-nav-item-name">
+  <span class="bd-nav-item-name">
-      {% if link.long_name %}
+    {% if link.long_name %}
-        <span class="is-hidden-fullhd">{{ link.name }}</span>
+    <span class="is-hidden-fullhd">{{ link.name }}</span>
-        <span class="is-hidden is-block-fullhd">{{ link.long_name }}</span>
+    <span class="is-hidden is-block-fullhd">{{ link.long_name }}</span>
-      {% else %}
+    {% else %} {{ link.name }} {% endif %}
-        {{ link.name }}
+  </span>
-      {% endif %}
-      {% if include.link_id == "shop" %}
-        <span class="tag is-success ml-1">New!</span>
-      {% endif %}
-    </span>
   {% endunless %}
 </a>

docs/_sass/docs/docs.scss

@@ -38,6 +38,7 @@
   display: flex;
   flex-direction: column;
   gap: var(--p);
+  overflow: hidden;
 }
 
 .bd-docs-button {

docs/assets/css/website.css

@@ -33628,6 +33628,7 @@ has-background-moon.is-hoverable:active {
   display: flex;
   flex-direction: column;
   gap: var(--p);
+  overflow: hidden;
 }
 
 .bd-docs-button {