Merge branch '241779-replace-pre-wrap-with-utility' into 'master'

Replace 'ws-pre-wrap' class

Closes #241779

See merge request gitlab-org/gitlab!40998

app/assets/javascripts/jobs/components/log/line.vue

@@ -20,7 +20,7 @@ export default {
       return h(
         'span',
         {
-          class: ['ws-pre-wrap', content.style],
+          class: ['gl-white-space-pre-wrap', content.style],
         },
         content.text,
       );

app/assets/javascripts/jobs/components/log/line_header.vue

@@ -52,7 +52,7 @@ export default {
     <span
       v-for="(content, i) in line.content"
       :key="i"
-      class="line-text w-100 ws-pre-wrap"
+      class="line-text w-100 gl-white-space-pre-wrap"
       :class="content.style"
       >{{ content.text }}</span
     >

app/assets/javascripts/projects/components/shared/delete_button.vue

@@ -86,7 +86,7 @@ export default {
         <slot name="modal-body"></slot>
         <p class="gl-mb-1">{{ $options.strings.confirmText }}</p>
         <p>
-          <code class="ws-pre-wrap">{{ confirmPhrase }}</code>
+          <code class="gl-white-space-pre-wrap">{{ confirmPhrase }}</code>
         </p>
         <gl-form-input
           id="confirm_name_input"

app/assets/stylesheets/framework/common.scss

@@ -416,7 +416,6 @@ img.emoji {
 .flex-no-shrink { flex-shrink: 0; }
 .ws-initial { white-space: initial; }
 .ws-normal { white-space: normal; }
-.ws-pre-wrap { white-space: pre-wrap; }
 .overflow-auto { overflow: auto; }
 .overflow-visible { overflow: visible; }
 

ee/spec/frontend/projects/components/__snapshots__/project_adjourned_delete_button_spec.js.snap

@@ -52,7 +52,7 @@ exports[`Project remove modal initialized matches the snapshot 1`] = `
        
       <p>
         <code
-          class="ws-pre-wrap"
+          class="gl-white-space-pre-wrap"
         >
           foo
         </code>

spec/frontend/projects/components/__snapshots__/project_delete_button_spec.js.snap

@@ -67,7 +67,7 @@ exports[`Project remove modal initialized matches the snapshot 1`] = `
        
       <p>
         <code
-          class="ws-pre-wrap"
+          class="gl-white-space-pre-wrap"
         >
           foo
         </code>

spec/frontend/projects/components/shared/__snapshots__/delete_button_spec.js.snap

@@ -56,7 +56,7 @@ exports[`Project remove modal intialized matches the snapshot 1`] = `
        
       <p>
         <code
-          class="ws-pre-wrap"
+          class="gl-white-space-pre-wrap"
         >
           foo
         </code>