Merge branch 'ee-fix-popovers' into 'master'

Fix bootstrap popover class renames

Closes gitlab-ce#47727

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

app/assets/javascripts/monitoring/components/graph/flag.vue

@@ -126,7 +126,7 @@ export default {
       :class="flagOrientation"
     >
       <div class="arrow"></div>
-      <div class="popover-title">
+      <div class="popover-header">
         <h5 v-if="deploymentFlagData">
           Deployed
         </h5>
@@ -135,7 +135,7 @@ export default {
       </div>
       <div
         v-if="deploymentFlagData"
-        class="popover-content deploy-meta-content"
+        class="popover-body deploy-meta-content"
       >
         <div>
           <icon
@@ -158,7 +158,7 @@ export default {
           </a>
         </div>
       </div>
-      <div class="popover-content">
+      <div class="popover-body">
         <table class="prometheus-table">
           <tr
             v-for="(series, index) in timeSeries"

app/assets/stylesheets/pages/environments.scss

@@ -495,14 +495,14 @@
       border-width: 8px;
     }
 
-    > .popover-title,
-    > .popover-content {
+    > .popover-header,
+    > .popover-body {
       padding: 8px;
       font-size: 12px;
       white-space: nowrap;
     }
 
-    > .popover-title {
+    > .popover-header {
       background-color: $theme-gray-50;
     }
   }

app/assets/stylesheets/pages/milestone.scss

@@ -206,7 +206,7 @@
     padding: 0;
   }
 
-  .popover-content {
+  .popover-body {
     padding: 0;
   }
 }

ee/app/assets/javascripts/geo_nodes/components/geo_node_detail_item.vue

@@ -104,8 +104,8 @@
           template: `
             <div class="popover geo-node-detail-popover" role="tooltip">
               <div class="arrow"></div>
-              <p class="popover-title"></p>
-              <div class="popover-content"></div>
+              <p class="popover-header"></p>
+              <div class="popover-body"></div>
             </div>
           `,
           title: this.helpInfo.title,

spec/javascripts/monitoring/graph/flag_spec.js

@@ -63,7 +63,7 @@ describe('GraphFlag', () => {
       });
 
       expect(
-        deploymentFlagComponent.$el.querySelector('.popover-title'),
+        deploymentFlagComponent.$el.querySelector('.popover-header'),
       ).toContainText('Deployed');
     });