Merge branch '440693-extra-space-in-hierarchy-widget' into 'master'

Resolve extra space in Child and Linked items widgets

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/144010



Merged-by: Simon Knox <simon@gitlab.com>
Approved-by: Nick Leonard <nleonard@gitlab.com>
Approved-by: Simon Knox <simon@gitlab.com>
Reviewed-by: Simon Knox <simon@gitlab.com>
Reviewed-by: Nick Leonard <nleonard@gitlab.com>
Co-authored-by: Rajan Mistry <rmistry@gitlab.com>

app/assets/stylesheets/page_bundles/work_items.scss

@@ -161,7 +161,7 @@ $work-item-overview-gap-width: 2rem;
     margin-top: 0;
     grid-row-start: 1;
     grid-column-start: 2;
-    grid-row-end: 4;
+    grid-row-end: 50;
 
     &.is-modal {
       .work-item-attributes-wrapper {

ee/app/assets/javascripts/work_items/components/work_item_color_inline.vue

@@ -136,7 +136,13 @@ export default {
     <div v-if="!canUpdate" class="gl-ml-4 gl-mt-3 work-item-field-value">
       <sidebar-color-view :color="currentColor" />
     </div>
-    <gl-disclosure-dropdown v-else category="tertiary" :auto-close="false" @hidden="updateColor">
+    <gl-disclosure-dropdown
+      v-else
+      category="tertiary"
+      :auto-close="false"
+      placement="center"
+      @hidden="updateColor"
+    >
       <template #header>
         <div
           class="gl-display-flex gl-align-items-center gl-p-4! gl-min-h-8 gl-border-b-1 gl-border-b-solid gl-border-b-gray-200"