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 cleanpath = link.path | remove: '/' %}
+{% assign link = site.data.links.by_id[include.link_id] %} {% assign cleanpath =
+link.path | remove: '/' %}
 
 <a
   class="
@@ -17,12 +17,19 @@
     {% endif %}
   "
   title="{{ link.subtitle | strip_html }}"
-  {% if link.href %}
+  {%
+  if
+  link.href
+  %}
   href="{{ link.href }}"
   target="_blank"
-  {% else %}
+  {%
+  else
+  %}
   href="{{ site.url }}{{ link.path }}"
-  {% endif %}
+  {%
+  endif
+  %}
 >
   <span class="icon">
     <i class="{{ link.icon }}"></i>
@@ -33,12 +40,7 @@
     {% if link.long_name %}
     <span class="is-hidden-fullhd">{{ link.name }}</span>
     <span class="is-hidden is-block-fullhd">{{ link.long_name }}</span>
-      {% else %}
-        {{ link.name }}
-      {% endif %}
-      {% if include.link_id == "shop" %}
-        <span class="tag is-success ml-1">New!</span>
-      {% endif %}
+    {% else %} {{ link.name }} {% 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 {