Merge pull request #395 from fiji-flo/fix-contact-me-org

center contact me in mobile orgchart

Author: fiji-flo

src/components/ui/ContactMe.vue

@@ -14,7 +14,8 @@
       <Popover
         class="contact-me"
         layer="var(--layerContactMe)"
-        initialMaxWidth="310"
+        :initialMaxWidth="310"
+        :floating="false"
       >
         <div class="contact-me__item">
           <a :href="`mailto:${primaryEmail}`" class="contact-me__pair">

src/components/ui/Popover.vue

@@ -15,6 +15,10 @@ export default {
       type: Number,
       default: 350,
     },
+    floating: {
+      type: Boolean,
+      default: true,
+    },
   },
   methods: {
     positionAndSize() {
@@ -33,8 +37,9 @@ export default {
       const centeredSpaceOnRight = spaceOnRight + width / 2;
 
       if (
-        centeredSpaceOnLeft > 0.5 * this.maxWidth &&
-        centeredSpaceOnRight > 0.5 * this.maxWidth
+        !this.floating ||
+        (centeredSpaceOnLeft > 0.5 * this.maxWidth &&
+          centeredSpaceOnRight > 0.5 * this.maxWidth)
       ) {
         return;
       }