Merge branch 'vs-wrap-code-lines-blocks-properly' into 'master'

Do not break words in the code blocks under Safari

See merge request gitlab-org/gitlab!55405

app/assets/stylesheets/framework/typography.scss

@@ -78,6 +78,8 @@
   code {
     font-family: $monospace-font;
     white-space: pre-wrap;
+    // Safari
+    word-wrap: break-word;
     overflow-wrap: break-word;
     word-break: keep-all;
   }
@@ -344,6 +346,9 @@
     // Multi-line code blocks should scroll horizontally
     code {
       white-space: pre;
+      // Safari
+      word-wrap: normal;
+      overflow-wrap: normal;
     }
 
     &.plain-readme {

changelogs/unreleased/vs-wrap-code-lines-blocks-properly.yml

+---
+title: Do not break word in the code blocks under Safari
+merge_request: 55405
+author:
+type: fixed