Merge branch '208459-value-stream-analytics-load-spinner-displayed-off-center' into 'master'

Resolve "Value Stream Analytics load spinner displayed off-center"

See merge request gitlab-org/gitlab!28094

ee/app/assets/javascripts/analytics/shared/components/groups_dropdown_filter.vue

@@ -143,8 +143,10 @@ export default {
           <input class="dropdown-input-field" type="search" :placeholder="__('Search groups')" />
           <icon name="search" class="dropdown-input-search" data-hidden="true" />
         </div>
+        <div class="dropdown-loading pt-8">
+          <gl-loading-icon size="lg" class="pt-8" />
+        </div>
         <div class="dropdown-content"></div>
-        <gl-loading-icon class="dropdown-loading" />
       </div>
     </div>
   </div>

ee/app/assets/javascripts/analytics/shared/components/projects_dropdown_filter.vue

@@ -166,8 +166,10 @@ export default {
           <input class="dropdown-input-field" type="search" :placeholder="__('Search projects')" />
           <icon name="search" class="dropdown-input-search" data-hidden="true" />
         </div>
+        <div class="dropdown-loading pt-8">
+          <gl-loading-icon size="lg" class="pt-8" />
+        </div>
         <div class="dropdown-content"></div>
-        <gl-loading-icon class="dropdown-loading" />
       </div>
     </div>
   </div>

ee/app/assets/stylesheets/pages/cycle_analytics.scss

@@ -36,3 +36,7 @@
   box-shadow: 0 0 0.25rem $gl-btn-active-background,
     0 0.25rem 0.75rem $gl-btn-active-background;
 }
+
+.js-cycle-analytics .show.dropdown .dropdown-menu {
+  min-height: $grid-size * 21;
+}

ee/changelogs/unreleased/208459-value-stream-analytics-load-spinner-displayed-off-center.yml

+---
+title: Fix analytics group and project loading spinners styling
+merge_request: 28094
+author:
+type: fixed