Wrap alert in a DIV

This wraps Threat Monitoring's drawer's alert inside a DIV to prevent
the drawer's styles from overriding the alert's padding.

Changelog: changed
EE: true

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

@@ -161,9 +161,11 @@ export default {
         </gl-button>
       </div>
     </template>
-    <gl-alert v-if="errored" variant="danger" :dismissible="false" contained>
-      {{ errorMessage }}
-    </gl-alert>
+    <div v-if="errored" class="gl-p-0!">
+      <gl-alert variant="danger" :dismissible="false">
+        {{ errorMessage }}
+      </gl-alert>
+    </div>
     <sidebar-assignees-widget
       issuable-type="alert"
       :iid="selectedAlert.iid"

ee/spec/frontend/security_configuration/corpus_management/components/__snapshots__/corpus_upload_form_spec.js.snap

@@ -11,7 +11,7 @@ exports[`Corpus upload modal corpus modal uploading state does show the upload p
   >
     <span
       aria-label="Loading"
-      class="align-text-bottom gl-spinner gl-spinner-dark gl-spinner-sm"
+      class="gl-vertical-align-text-bottom! gl-spinner gl-spinner-dark gl-spinner-sm"
     />
   </span>
   

ee/spec/frontend_integration/security_dashboard/__snapshots__/security_dashboard_init_integration_spec.js.snap

@@ -9,7 +9,7 @@ exports[`Security Dashboard default states sets up group-level 1`] = `
     >
       <span
         aria-label="Loading"
-        class="align-text-bottom gl-spinner gl-spinner-dark gl-spinner-lg"
+        class="gl-vertical-align-text-bottom! gl-spinner gl-spinner-dark gl-spinner-lg"
       />
     </div>
   </div>
@@ -25,7 +25,7 @@ exports[`Security Dashboard default states sets up instance-level 1`] = `
     >
       <span
         aria-label="Loading"
-        class="align-text-bottom gl-spinner gl-spinner-dark gl-spinner-lg"
+        class="gl-vertical-align-text-bottom! gl-spinner gl-spinner-dark gl-spinner-lg"
       />
     </div>
   </div>

package.json

@@ -57,7 +57,7 @@
     "@gitlab/at.js": "1.5.7",
     "@gitlab/favicon-overlay": "2.0.0",
     "@gitlab/svgs": "2.6.0",
-    "@gitlab/ui": "36.7.1",
+    "@gitlab/ui": "37.3.0",
     "@gitlab/visual-review-tools": "1.6.1",
     "@rails/actioncable": "6.1.4-6",
     "@rails/ujs": "6.1.4-6",

spec/frontend/error_tracking/components/error_tracking_list_spec.js

@@ -398,21 +398,6 @@ describe('ErrorTrackingList', () => {
   });
 
   describe('When pagination is required', () => {
-    describe('and the user is on the first page', () => {
-      beforeEach(() => {
-        store.state.list.loading = false;
-        mountComponent({
-          stubs: {
-            GlPagination: false,
-          },
-        });
-      });
-
-      it('shows a disabled Prev button', () => {
-        expect(wrapper.find('.prev-page-item').attributes('aria-disabled')).toBe('true');
-      });
-    });
-
     describe('and the user is not on the first page', () => {
       describe('and the previous button is clicked', () => {
         beforeEach(async () => {

spec/frontend/runner/admin_runners/admin_runners_app_spec.js

@@ -65,8 +65,6 @@ describe('AdminRunnersApp', () => {
   const findRunnerTypeTabs = () => wrapper.findComponent(RunnerTypeTabs);
   const findRunnerList = () => wrapper.findComponent(RunnerList);
   const findRunnerPagination = () => extendedWrapper(wrapper.findComponent(RunnerPagination));
-  const findRunnerPaginationPrev = () =>
-    findRunnerPagination().findByLabelText('Go to previous page');
   const findRunnerPaginationNext = () => findRunnerPagination().findByLabelText('Go to next page');
   const findRunnerFilteredSearchBar = () => wrapper.findComponent(RunnerFilteredSearchBar);
   const findFilteredSearch = () => wrapper.findComponent(FilteredSearch);
@@ -370,14 +368,6 @@ describe('AdminRunnersApp', () => {
       await waitForPromises();
     });
 
-    it('more pages can be selected', () => {
-      expect(findRunnerPagination().text()).toMatchInterpolatedText('Previous Next');
-    });
-
-    it('cannot navigate to the previous page', () => {
-      expect(findRunnerPaginationPrev().attributes('aria-disabled')).toBe('true');
-    });
-
     it('navigates to the next page', async () => {
       await findRunnerPaginationNext().trigger('click');
 

spec/frontend/runner/components/runner_pagination_spec.js

@@ -45,14 +45,6 @@ describe('RunnerPagination', () => {
       expect(findPagination().props('nextPage')).toBe(2);
     });
 
-    it('Shows prev page disabled', () => {
-      expect(findPagination().find('[aria-disabled]').text()).toBe('Previous');
-    });
-
-    it('Shows next page link', () => {
-      expect(findPagination().find('a').text()).toBe('Next');
-    });
-
     it('Goes to the second page', () => {
       findPagination().vm.$emit('input', 2);
 
@@ -124,14 +116,6 @@ describe('RunnerPagination', () => {
       expect(findPagination().props('prevPage')).toBe(2);
       expect(findPagination().props('nextPage')).toBe(null);
     });
-
-    it('Shows previous page link', () => {
-      expect(findPagination().find('a').text()).toBe('Previous');
-    });
-
-    it('Shows next page disabled', () => {
-      expect(findPagination().find('[aria-disabled]').text()).toBe('Next');
-    });
   });
 
   describe('When only one page', () => {

spec/frontend/runner/group_runners/group_runners_app_spec.js

@@ -67,8 +67,6 @@ describe('GroupRunnersApp', () => {
   const findRunnerList = () => wrapper.findComponent(RunnerList);
   const findRunnerRow = (id) => extendedWrapper(wrapper.findByTestId(`runner-row-${id}`));
   const findRunnerPagination = () => extendedWrapper(wrapper.findComponent(RunnerPagination));
-  const findRunnerPaginationPrev = () =>
-    findRunnerPagination().findByLabelText('Go to previous page');
   const findRunnerPaginationNext = () => findRunnerPagination().findByLabelText('Go to next page');
   const findRunnerFilteredSearchBar = () => wrapper.findComponent(RunnerFilteredSearchBar);
   const findFilteredSearch = () => wrapper.findComponent(FilteredSearch);
@@ -340,14 +338,6 @@ describe('GroupRunnersApp', () => {
       await waitForPromises();
     });
 
-    it('more pages can be selected', () => {
-      expect(findRunnerPagination().text()).toMatchInterpolatedText('Previous Next');
-    });
-
-    it('cannot navigate to the previous page', () => {
-      expect(findRunnerPaginationPrev().attributes('aria-disabled')).toBe('true');
-    });
-
     it('navigates to the next page', async () => {
       await findRunnerPaginationNext().trigger('click');
 

yarn.lock

@@ -986,10 +986,10 @@
   resolved "https://registry.yarnpkg.com/@gitlab/svgs/-/svgs-2.6.0.tgz#49f020b0a732f5df01138bd21b610a0a940badd6"
   integrity sha512-jI8CHlrriePtUsognRkpZQWVsZe7ZjytmKakeYyU1aKvsnJ4fAeySlVkCAiqKbbZm3T/eeH/6b3jxHn24U0k0Q==
 
-"@gitlab/ui@36.7.1":
-  version "36.7.1"
-  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-36.7.1.tgz#49005f55e3fedc3c3ca054355d29c7ac5ade94b5"
-  integrity sha512-MIohLWzZtKxUVwxB26em/R7JB8RB8a/BbTDZR/06xp8yMa4wpNtGTuTGajBKBnbltdKE1h1jVIOLF9Kkb3Njow==
+"@gitlab/ui@37.3.0":
+  version "37.3.0"
+  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-37.3.0.tgz#7362ed42964abd049959455101540b8b78b42f5f"
+  integrity sha512-eCwXK9d+QdprgIftm/5OAZ/VjG+OdG23xpRlMeXllFigqEcELgnc742nmG7C3JG8Vlm84is7bliBbAQEWBTgbw==
   dependencies:
     "@babel/standalone" "^7.0.0"
     bootstrap-vue "2.20.1"