apply hover tool tip to icon buttons

bcgov · Oct 30, 2023 · 21e23eb · 21e23eb
1 parent 7586b42
commit 21e23eb
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 0 deletions.
diff --git a/frontend/src/components/bucket/BucketList.vue b/frontend/src/components/bucket/BucketList.vue
@@ -60,6 +60,7 @@ onMounted(async () => {
     <div class="flex justify-content-end">
       <Button
         v-if="usePermissionStore().isUserElevatedRights()"
+        v-tooltip.bottom="'Configure Bucket'"
         label="Primary"
         class="p-button-outlined mt-4"
         data-test="connect-bucket"

diff --git a/frontend/src/components/bucket/BucketTable.vue b/frontend/src/components/bucket/BucketTable.vue
@@ -126,6 +126,7 @@ async function deleteBucket(bucketId: string) {
         <template #body="{ data }">
           <Button
             v-if="permissionStore.isBucketActionAllowed(data.bucketId, getUserId, Permissions.UPDATE)"
+            v-tooltip.bottom="'Configure bucket'"
             class="p-button-lg p-button-text"
             aria-label="Configure bucket"
             @click="showBucketConfig(data)"
@@ -134,6 +135,7 @@ async function deleteBucket(bucketId: string) {
           </Button>
           <Button
             v-if="permissionStore.isBucketActionAllowed(data.bucketId, getUserId, Permissions.MANAGE)"
+            v-tooltip.bottom="'Bucket permissions'"
             class="p-button-lg p-button-text"
             aria-label="Bucket permissions"
             @click="showPermissions(data.bucketId, data.bucketName)"
@@ -143,6 +145,7 @@ async function deleteBucket(bucketId: string) {
           <SyncButton :bucket-id="data.bucketId" />
           <Button
             v-if="permissionStore.isBucketActionAllowed(data.bucketId, getUserId, Permissions.READ)"
+            v-tooltip.bottom="'Bucket details'"
             class="p-button-lg p-button-rounded p-button-text"
             aria-label="Bucket details"
             @click="showSidebarInfo(data.bucketId)"
@@ -151,6 +154,7 @@ async function deleteBucket(bucketId: string) {
           </Button>
           <Button
             v-if="permissionStore.isBucketActionAllowed(data.bucketId, getUserId, Permissions.DELETE)"
+            v-tooltip.bottom="'Delete bucket'"
             class="p-button-lg p-button-text p-button-danger"
             aria-label="Delete bucket"
             @click="confirmDeleteBucket(data.bucketId)"

diff --git a/frontend/src/components/common/SyncButton.vue b/frontend/src/components/common/SyncButton.vue
@@ -107,6 +107,7 @@ const onClick = () => {
   </Dialog>
 
   <Button
+    v-tooltip.bottom="'Synchronize bucket'"
     class="p-button-lg p-button-text"
     aria-label="Synchronize bucket"
     @click="onClick"

diff --git a/frontend/src/components/object/DownloadObjectButton.vue b/frontend/src/components/object/DownloadObjectButton.vue
@@ -55,6 +55,7 @@ const download = () => {
 
   <Button
     v-if="props.mode === ButtonMode.ICON"
+    v-tooltip.bottom="'Download object'"
     class="p-button-lg p-button-text"
     :disabled="props.disabled"
     aria-label="Download object"

diff --git a/frontend/src/components/object/ObjectTable.vue b/frontend/src/components/object/ObjectTable.vue
@@ -137,6 +137,7 @@ const filters = ref({
               @click="filters['global'].value = null"
             />
           </span>
+
           <Button
             v-tooltip.bottom="'Refresh'"
             class="ml-2"
@@ -234,6 +235,7 @@ const filters = ref({
             v-if="
               permissionStore.isObjectActionAllowed(data.id, getUserId, Permissions.MANAGE, props.bucketId as string)
             "
+            v-tooltip.bottom="'Object permissions'"
             class="p-button-lg p-button-text"
             aria-label="Object permissions"
             @click="showPermissions(data.id)"

diff --git a/frontend/src/components/object/share/ShareObjectButton.vue b/frontend/src/components/object/share/ShareObjectButton.vue
@@ -89,6 +89,7 @@ onMounted(() => {
   </Dialog>
 
   <Button
+    v-tooltip.bottom="'Share object'"
     class="p-button-lg p-button-text"
     aria-label="Share object"
     @click="displayShareDialog = true"