Merge branch '58789-some-system-notes-on-issuable-are-folded-on-mobile' into 'master'

Keep inline as much as possible in system notes on issuable

Closes #58789

See merge request gitlab-org/gitlab-ce!25968

app/assets/javascripts/notes/components/note_header.vue

@@ -87,8 +87,7 @@ export default {
       <span class="note-headline-light">@{{ author.username }}</span>
     </a>
     <span v-else>{{ __('A deleted user') }}</span>
-    <span class="note-headline-light">
-      <span class="note-headline-meta">
+    <span class="note-headline-light note-headline-meta">
       <span class="system-note-message"> <slot></slot> </span>
       <template v-if="createdAt">
         <span class="system-note-separator">
@@ -108,6 +107,5 @@ export default {
         aria-hidden="true"
       ></i>
     </span>
-    </span>
   </div>
 </template>

app/assets/stylesheets/pages/notes.scss

@@ -283,8 +283,6 @@ $note-form-margin-left: 72px;
     }
 
     .system-note-message {
-      display: inline;
-
       &::first-letter {
         text-transform: lowercase;
       }
@@ -607,12 +605,6 @@ $note-form-margin-left: 72px;
 }
 
 .note-headline-meta {
-  display: inline-block;
-
-  .system-note-message {
-    white-space: normal;
-  }
-
   .system-note-separator {
     color: $gl-text-color-disabled;
   }

app/views/shared/notes/_note.html.haml

@@ -36,8 +36,7 @@
             = user_status(note.author)
             %span.note-headline-light
               = note.author.to_reference
-          %span.note-headline-light
-            %span.note-headline-meta
+          %span.note-headline-light.note-headline-meta
             - if note.system
               %span.system-note-message
                 = markdown_field(note, :note)

changelogs/unreleased/58789-some-system-notes-on-issuable-are-folded-on-mobile.yml

+---
+title: Keep inline as much as possible in system notes on issuable
+merge_request: 25968
+author: Takuya Noguchi
+type: fixed