Prevent hidden link skewing layout of home page (#16773)

* Prevent hidden link skewing layout of home page * add some contextual notes
2022-03-04 16:12:35 +00:00 · 2022-03-04 16:12:35 +00:00 · 4d612ed525
commit 4d612ed525
parent d7784fa8a1
1 changed files with 5 additions and 0 deletions
--- a/app/assets/stylesheets/components/stories.scss
+++ b/app/assets/stylesheets/components/stories.scss
@ -46,6 +46,11 @@
    right: 0;
    bottom: 0;
    left: 0;
+
+    // Prevent long title content skewing layout
+    // overflow-wrap: anywhere isn't supported in Safari, in which case this fallback applies
+    overflow-wrap: break-word;
+    overflow-wrap: anywhere;
  }

  // Defining additional colors.