Merge branch '326599-remove-mw-90p-class-from-common-scss' into 'master'

Remove mw-90p class from common.scss

See merge request gitlab-org/gitlab!58205

app/assets/stylesheets/framework/common.scss

@@ -421,7 +421,6 @@ img.emoji {
 .mw-460 { max-width: 460px; }
 .mw-6em { max-width: 6em; }
 .mw-70p { max-width: 70%; }
-.mw-90p { max-width: 90%; }
 
 // By default flex items don't shrink below their minimum content size.
 // To change this, these clases set a min-width or min-height

ee/app/assets/javascripts/analytics/productivity_analytics/components/mr_table_row.vue

@@ -55,7 +55,7 @@ export default {
       <div class="d-flex mr-md-2">
         <gl-avatar :src="mergeRequest.author_avatar_url" :size="16" />
       </div>
-      <div class="d-flex flex-column flex-grow mw-90p">
+      <div class="d-flex flex-column flex-grow overflow-auto gl-mr-1">
         <h5 class="item-title mr-title my-0 d-block str-truncated">
           <gl-link :href="mergeRequest.merge_request_url" target="_blank">{{
             mergeRequest.title

ee/changelogs/unreleased/326599-remove-mw-90p-class-from-common-scss.yml

+---
+title: Remove mw-90p class from common.scss
+merge_request: 58205
+author: Takuya Noguchi
+type: fixed

ee/spec/frontend/analytics/productivity_analytics/components/__snapshots__/mr_table_row_spec.js.snap

@@ -20,7 +20,7 @@ exports[`MergeRequestTableRow component on creation matches the snapshot 1`] = `
     </div>
      
     <div
-      class="d-flex flex-column flex-grow mw-90p"
+      class="d-flex flex-column flex-grow overflow-auto gl-mr-1"
     >
       <h5
         class="item-title mr-title my-0 d-block str-truncated"