From fed383b9e20dfc841f41a7dfffe5e5d59f0cca56 Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle
 <139135120+andrewwallacespeckle@users.noreply.github.com>
Date: Fri, 31 May 2024 12:06:19 +0200
Subject: [PATCH] feat(fe2): add tooltip to "Open selection in new window"
 (#2308)

* feat(fe2): add tooltip to "Open selection in new window"

* Add screen reader text
---
 .../components/viewer/selection/Sidebar.vue     | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/packages/frontend-2/components/viewer/selection/Sidebar.vue b/packages/frontend-2/components/viewer/selection/Sidebar.vue
index fb5a084f1..7f28614a5 100644
--- a/packages/frontend-2/components/viewer/selection/Sidebar.vue
+++ b/packages/frontend-2/components/viewer/selection/Sidebar.vue
@@ -28,16 +28,13 @@
             Isolate
           </div>
         </FormButton>
-        <div class="w-full text-right">
-          <FormButton
-            title="Open selection in new window"
-            size="xs"
-            text
-            :to="selectionLink"
-            target="_blank"
-          >
-            <ArrowTopRightOnSquareIcon class="w-4" />
-          </FormButton>
+        <div class="flex justify-end w-full">
+          <div v-tippy="`Open selection in new window`" class="max-w-max">
+            <FormButton size="xs" :to="selectionLink" color="secondary" target="_blank">
+              <span class="sr-only">Open selection in new window</span>
+              <ArrowTopRightOnSquareIcon class="w-4" />
+            </FormButton>
+          </div>
         </div>
       </template>
       <div class="p-1 mb-2 sm:mb-0 sm:py-2">