Popover fine-tuning

Author: m-mohr

src/StacBrowser.vue

@@ -74,7 +74,7 @@
     <b-popover
       v-if="root" id="popover-root" class="popover-large" target="popover-root-btn"
       placement="bottom" :title="serviceType" teleport-to="#stac-browser"
-      click focus hover :boundary-padding="20"
+      click focus :boundary-padding="10"
     >
       <RootStats />
     </b-popover>

src/components/HrefActions.vue

@@ -25,9 +25,9 @@
     </b-button-group>
 
     <b-popover
-      v-if="auth.length > 1" click focus hover
+      v-if="auth.length > 1" click focus
       :id="`popover-href-${id}`" class="href-auth-methods" :target="`popover-href-${id}-btn`"
-      :title="$t('authentication.chooseMethod')" teleport-to="#stac-browser" :boundary-padding="20"
+      :title="$t('authentication.chooseMethod')" teleport-to="#stac-browser" :boundary-padding="10"
     >
       <b-list-group>
         <AuthSchemeItem v-for="(method, i) in auth" :key="i" :method="method" @authenticate="startAuth" />

src/components/LinkListEntry.vue

@@ -3,7 +3,7 @@
     <StacLink :id="popoverId" :data="link" :fallbackTitle="fallbackTitle" class="pe-1" />
     <b-popover
       :target="popoverId" placement="auto" teleport-to="#stac-browser" class="link-more"
-      click focus hover :boundary-padding="20"
+      focus hover :boundary-padding="20"
     >
       <Description v-if="link.description" :description="link.description" compact />
       <section class="link-actions">

src/components/MapView.vue

@@ -10,7 +10,7 @@
     <b-popover
       v-if="popover && selection" show manual placement="auto"
       :target="selection.target" :teleport-to="container" class="map-popover"
-      :boundary-padding="20"
+      :boundary-padding="10"
     >
       <section class="popover-items">
         <Items v-if="selection && selection.type === 'items'" :stac="stac" :items="selection.items" />

src/components/StacSource.vue

@@ -17,7 +17,7 @@
       <b-popover
         v-if="stacUrl" id="popover-link" class="popover-large" target="popover-link-btn"
         placement="bottom" :title="$t('source.title')" teleport-to="#stac-browser"
-        click focus hover :boundary-padding="20"
+        click focus :boundary-padding="10"
       >
         <template v-if="stac">
           <b-row v-if="stacId" class="stac-id">
@@ -44,7 +44,7 @@
       <b-popover
         id="popover-share" class="popover-large" target="popover-share-btn"
         placement="bottom" :title="$t('source.share.title')" teleport-to="#stac-browser"
-        click focus hover :boundary-padding="20"
+        click focus :boundary-padding="10"
       >
         <Url id="browserUrl" :url="browserUrl()" :label="$t('source.share.sharePageWithOthers')" :open="false" />
         <template v-if="enableSocialSharing">

src/components/maps/LayerControl.vue

@@ -3,7 +3,7 @@
     <button v-if="id" :id="id"><b-icon-layers-fill /></button>
     <b-popover
       v-if="id" click placement="top" @show="update"
-      :target="id" teleport-to="#stac-browser" :boundary-padding="20"
+      :target="id" teleport-to="#stac-browser" :boundary-padding="10"
     >
       <div class="layercontrol">
         <section>