Fix #3904, #3884: fix website horizontal overflow

jgthms · Sep 18, 2024 · 1bc01f2 · 1bc01f2
1 parent 9a1b620
commit 1bc01f2
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 20 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Bulma Changelog
 
+## 1.0.3
+
+### Bug fixes
+
+- Fix #3904, #3884: fix website horizontal overflow
+
 ## 1.0.2
 
 ### Improvements

diff --git a/docs/_includes/global/nav-item.html b/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,28 +17,30 @@
     {% endif %}
   "
   title="{{ link.subtitle | strip_html }}"
-  {% if link.href %}
-    href="{{ link.href }}"
-    target="_blank"
-  {% else %}
-    href="{{ site.url }}{{ link.path }}"
-  {% endif %}
+  {%
+  if
+  link.href
+  %}
+  href="{{ link.href }}"
+  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">
-      {% 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 %}
-    </span>
+  <span class="bd-nav-item-name">
+    {% 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 %}
+  </span>
   {% endunless %}
 </a>
diff --git a/docs/_sass/docs/docs.scss b/docs/_sass/docs/docs.scss
@@ -38,6 +38,7 @@
   display: flex;
   flex-direction: column;
   gap: var(--p);
+  overflow: hidden;
 }
 
 .bd-docs-button {

diff --git a/docs/assets/css/website.css b/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 {

diff --git a/docs/assets/css/website.min.css b/docs/assets/css/website.min.css