Only hyphenate on small screens (#2822)

Fixes #2820
r-lib · Nov 25, 2024 · 66e7df5 · 66e7df5
1 parent 7645a47
commit 66e7df5
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 16 deletions.
diff --git a/inst/BS5/assets/pkgdown.scss b/inst/BS5/assets/pkgdown.scss
@@ -3,15 +3,21 @@
 .row > main {
   // Ensure contents never become unreadably wide
   max-width: 50rem;
-
-  // And that we can break and hypenate very long words
-  overflow-wrap: break-word;
-  hyphens: auto;
 }
+
+// break and hypenate very long words on small screens
+@include media-breakpoint-down(md) {
+  .row > main {
+    overflow-wrap: break-word;
+    hyphens: auto;
+  }
+}
+
 // Put extra space between content and navbar
 @include media-breakpoint-only(xl) {
   .container .row { justify-content: space-evenly; }
 }
+
 // Boost font size and give big (but not infinite) margin on sidebar
 @include media-breakpoint-up(xxl) {
   body { font-size: 18px }

diff --git a/tests/testthat/_snaps/init.md b/tests/testthat/_snaps/init.md
@@ -13,18 +13,18 @@
       Updating deps/bootstrap-5.3.1/bootstrap.min.css
       Updating deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js
       Updating deps/clipboard.js-2.0.11/clipboard.min.js
-      Updating deps/font-awesome-6.4.2/css/all.css
-      Updating deps/font-awesome-6.4.2/css/all.min.css
-      Updating deps/font-awesome-6.4.2/css/v4-shims.css
-      Updating deps/font-awesome-6.4.2/css/v4-shims.min.css
-      Updating deps/font-awesome-6.4.2/webfonts/fa-brands-400.ttf
-      Updating deps/font-awesome-6.4.2/webfonts/fa-brands-400.woff2
-      Updating deps/font-awesome-6.4.2/webfonts/fa-regular-400.ttf
-      Updating deps/font-awesome-6.4.2/webfonts/fa-regular-400.woff2
-      Updating deps/font-awesome-6.4.2/webfonts/fa-solid-900.ttf
-      Updating deps/font-awesome-6.4.2/webfonts/fa-solid-900.woff2
-      Updating deps/font-awesome-6.4.2/webfonts/fa-v4compatibility.ttf
-      Updating deps/font-awesome-6.4.2/webfonts/fa-v4compatibility.woff2
+      Updating deps/font-awesome-6.5.2/css/all.css
+      Updating deps/font-awesome-6.5.2/css/all.min.css
+      Updating deps/font-awesome-6.5.2/css/v4-shims.css
+      Updating deps/font-awesome-6.5.2/css/v4-shims.min.css
+      Updating deps/font-awesome-6.5.2/webfonts/fa-brands-400.ttf
+      Updating deps/font-awesome-6.5.2/webfonts/fa-brands-400.woff2
+      Updating deps/font-awesome-6.5.2/webfonts/fa-regular-400.ttf
+      Updating deps/font-awesome-6.5.2/webfonts/fa-regular-400.woff2
+      Updating deps/font-awesome-6.5.2/webfonts/fa-solid-900.ttf
+      Updating deps/font-awesome-6.5.2/webfonts/fa-solid-900.woff2
+      Updating deps/font-awesome-6.5.2/webfonts/fa-v4compatibility.ttf
+      Updating deps/font-awesome-6.5.2/webfonts/fa-v4compatibility.woff2
       Updating deps/headroom-0.11.0/headroom.min.js
       Updating deps/headroom-0.11.0/jQuery.headroom.min.js
       Updating deps/jquery-3.6.0/jquery-3.6.0.js