Add `hover` on button tooltips

See https://gitlab.com/gitlab-org/gitlab-ui/issues/89

app/assets/javascripts/badges/components/badge.vue

@@ -1,7 +1,6 @@
 <script>
 import Icon from '~/vue_shared/components/icon.vue';
-import Tooltip from '~/vue_shared/directives/tooltip';
-import { GlLoadingIcon, GlTooltipDirective } from '@gitlab-org/gitlab-ui';
+import { GlLoadingIcon, GlTooltipDirective } from '@gitlab/ui';
 
 export default {
   name: 'Badge',
@@ -92,7 +91,7 @@ export default {
 
     <button
       v-show="hasError"
-      v-gl-tooltip
+      v-gl-tooltip.hover
       :title="s__('Badges|Reload badge image')"
       class="btn btn-transparent btn-sm text-primary"
       type="button"

app/assets/javascripts/diffs/components/compare_versions.vue

@@ -1,6 +1,6 @@
 <script>
 import { mapActions, mapGetters, mapState } from 'vuex';
-import { GlTooltipDirective } from '@gitlab-org/gitlab-ui';
+import { GlTooltipDirective } from '@gitlab/ui';
 import { __ } from '~/locale';
 import { getParameterValues, mergeUrlParams } from '~/lib/utils/url_utility';
 import Icon from '~/vue_shared/components/icon.vue';
@@ -75,7 +75,7 @@ export default {
   <div class="mr-version-controls">
     <div class="mr-version-menus-container content-block">
       <button
-        v-gl-tooltip
+        v-gl-tooltip.hover
         type="button"
         class="btn btn-default append-right-8 js-toggle-tree-list"
         :class="{

app/assets/javascripts/diffs/components/diff_file_header.vue

@@ -171,7 +171,6 @@ export default {
             v-gl-tooltip
             :title="diffFile.new_path"
             class="file-title-name"
-
             v-html="diffFile.new_path_html"
           ></strong>
         </span>