Merge branch 'change-spinner-size-md' into 'master'

Replace loading icon (spinner) size md with lg

See merge request gitlab-org/gitlab!84668

ee/app/assets/javascripts/related_items_tree/components/related_items_tree_app.vue

@@ -177,7 +177,7 @@ export default {
 <template>
   <div class="related-items-tree-container gl-mt-5">
     <div v-if="itemsFetchInProgress" class="mt-2">
-      <gl-loading-icon size="md" />
+      <gl-loading-icon size="lg" />
     </div>
     <div
       v-else

ee/app/assets/javascripts/requirements/components/requirements_loading.vue

@@ -51,5 +51,5 @@ export default {
       <gl-skeleton-loading :lines="2" class="pt-2" />
     </li>
   </ul>
-  <gl-loading-icon v-else size="md" class="mt-3" />
+  <gl-loading-icon v-else size="lg" class="mt-3" />
 </template>

ee/app/assets/javascripts/roadmap/components/roadmap_app.vue

@@ -74,7 +74,7 @@ export default {
   <div class="roadmap-app-container gl-h-full">
     <roadmap-filters v-if="showFilteredSearchbar && !epicIid" @toggleSettings="toggleSettings" />
     <div :class="{ 'overflow-reset': epicsFetchResultEmpty }" class="roadmap-container gl-relative">
-      <gl-loading-icon v-if="epicsFetchInProgress" class="gl-my-5" size="md" />
+      <gl-loading-icon v-if="epicsFetchInProgress" class="gl-my-5" size="lg" />
       <epics-list-empty
         v-else-if="epicsFetchResultEmpty"
         :preset-type="presetType"

ee/app/assets/javascripts/saml_sso/components/scim_token.vue

@@ -139,7 +139,7 @@ export default {
       v-if="loading"
       class="gl-absolute gl-top-5 gl-left-0 gl-right-0 gl-display-flex gl-justify-content-center"
     >
-      <gl-loading-icon size="md" />
+      <gl-loading-icon size="lg" />
     </div>
     <div
       v-if="tokenHasNotBeenGenerated"

ee/app/assets/javascripts/security_dashboard/components/shared/filters/project_filter.vue

@@ -215,7 +215,7 @@ export default {
       @click="deselectAllOptions"
     />
 
-    <gl-loading-icon v-if="isLoadingProjects" size="md" class="gl-mt-4 gl-mb-3" />
+    <gl-loading-icon v-if="isLoadingProjects" size="lg" class="gl-mt-4 gl-mb-3" />
     <gl-dropdown-text v-else-if="isMaxProjectsSelected">
       {{ $options.i18n.maxProjectsSelected }}
     </gl-dropdown-text>

ee/app/assets/javascripts/security_dashboard/components/shared/vulnerability_report/vulnerability_list_graphql.vue

@@ -262,7 +262,7 @@ export default {
     </div>
 
     <gl-intersection-observer v-else-if="pageInfo.hasNextPage" @appear="fetchNextPage">
-      <gl-loading-icon v-if="isLoadingVulnerabilities" size="md" />
+      <gl-loading-icon v-if="isLoadingVulnerabilities" size="lg" />
     </gl-intersection-observer>
   </div>
 </template>

ee/app/assets/javascripts/subscriptions/new/components/checkout/subscription_details.vue

@@ -279,7 +279,7 @@ export default {
         data-testid="subscription-loading-container"
         class="gl-display-flex gl-h-200! gl-justify-content-center gl-align-items-center gl-flex-direction-column"
       >
-        <gl-loading-icon v-if="true" size="md" />
+        <gl-loading-icon v-if="true" size="lg" />
         <span>{{ $options.i18n.loadingText }}</span>
       </div>
     </template>

ee/app/assets/javascripts/test_case_show/components/test_case_show_root.vue

@@ -151,7 +151,7 @@ export default {
         )
       }}
     </gl-alert>
-    <gl-loading-icon v-if="testCaseLoading" size="md" class="gl-mt-3" />
+    <gl-loading-icon v-if="testCaseLoading" size="lg" class="gl-mt-3" />
     <issuable-show
       v-if="!testCaseLoading && !testCaseLoadFailed"
       :issuable="testCase"

ee/app/assets/javascripts/threat_monitoring/components/alerts/alerts_list.vue

@@ -316,7 +316,7 @@ export default {
       class="text-center"
       @appear="fetchNextPage"
     >
-      <gl-loading-icon v-if="isLoadingAlerts" size="md" />
+      <gl-loading-icon v-if="isLoadingAlerts" size="lg" />
       <span v-else>&nbsp;</span>
     </gl-intersection-observer>
     <alert-drawer

ee/app/assets/javascripts/usage_quotas/storage/components/project_storage_app.vue

@@ -72,7 +72,7 @@ export default {
 };
 </script>
 <template>
-  <gl-loading-icon v-if="$apollo.queries.project.loading" class="gl-mt-5" size="md" />
+  <gl-loading-icon v-if="$apollo.queries.project.loading" class="gl-mt-5" size="lg" />
   <gl-alert v-else-if="error" variant="danger" @dismiss="clearError">
     {{ error }}
   </gl-alert>