Merge branch 'fix-design-overlay-positioning' into 'master'

Fix design view overlay positioning

See merge request gitlab-org/gitlab!22856

ee/app/assets/javascripts/design_management/pages/design/index.vue

@@ -238,12 +238,14 @@ export default {
             />
           </template>
         </design-destroyer>
-        <div class="d-flex flex-column h-100 mh-100 position-relative">
-          <div class="p-3">
-            <gl-alert v-if="errorMessage" variant="danger" @dismiss="errorMessage = null">
+
+        <div v-if="errorMessage" class="p-3">
+          <gl-alert variant="danger" @dismiss="errorMessage = null">
             {{ errorMessage }}
           </gl-alert>
         </div>
+
+        <div class="d-flex flex-column h-100 mh-100 position-relative">
           <design-image
             :image="design.image"
             :name="design.filename"

ee/changelogs/unreleased/fix-design-overlay-positioning.yml

+---
+title: fix positioning of design overlay pins when viewing design
+merge_request:
+author:
+type: fixed

ee/spec/frontend/design_management/pages/design/__snapshots__/index_spec.js.snap

@@ -13,15 +13,11 @@ exports[`Design management design index page renders design index 1`] = `
       projectpath=""
     />
      
+    <!---->
+     
     <div
       class="d-flex flex-column h-100 mh-100 position-relative"
     >
-      <div
-        class="p-3"
-      >
-        <!---->
-      </div>
-       
       <design-image-stub
         image="test.jpg"
         name="test.jpg"
@@ -95,9 +91,6 @@ exports[`Design management design index page with error GlAlert is rendered in c
       projectpath=""
     />
      
-    <div
-      class="d-flex flex-column h-100 mh-100 position-relative"
-    >
     <div
       class="p-3"
     >
@@ -117,6 +110,9 @@ exports[`Design management design index page with error GlAlert is rendered in c
       </gl-alert-stub>
     </div>
      
+    <div
+      class="d-flex flex-column h-100 mh-100 position-relative"
+    >
       <design-image-stub
         image="test.jpg"
         name="test.jpg"