Merge branch 'group-weight-icon-and-text' into 'master'

Group weight icon and text on issue list and issue boards

Closes #7741

See merge request gitlab-org/gitlab-ee!7484

app/assets/javascripts/boards/components/issue_card_inner.vue

@@ -154,7 +154,7 @@
           class="js-no-trigger">{{ issue.title }}</a>
         <span
           v-if="issueId"
-          class="board-card-number"
+          class="board-card-number append-right-5"
         >
           {{ issue.referencePath }}
         </span>

app/views/projects/issues/_issue.html.haml

@@ -40,7 +40,7 @@
               = link_to_label(label, subject: issue.project, css_class: 'label-link')
 
           - if issue.weight
-            %span.issuable-weight.has-tooltip{ data: { container: 'body' }, title: _('Weight') }
+            %span.issuable-weight.d-none.d-sm-inline-block.has-tooltip{ data: { container: 'body' }, title: _('Weight') }
                
               = icon('balance-scale')
               = issue.weight

ee/app/assets/javascripts/boards/components/issue_card_weight.vue

@@ -23,7 +23,7 @@ export default {
   <span
     v-tooltip
     :title="__('Weight')"
-    class="board-card-weight card-number prepend-left-5"
+    class="board-card-weight card-number d-inline-block"
     data-container="body"
     data-placement="bottom"
   >

ee/changelogs/unreleased/group-weight-icon-and-text.yml

+---
+title: Group weight icon and text on issue list and issue boards
+merge_request: 7484
+author: George Tsiolis
+type: other