transaction-details focus

sora-xor · Mar 19, 2024 · be035b9 · be035b9
1 parent bc744c5
commit be035b9
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/shared/TransactionDetails.vue b/src/components/shared/TransactionDetails.vue
@@ -11,7 +11,7 @@
     trigger="click"
   >
     <template #reference>
-      <div :class="['transaction-details', { visible }]">
+      <div :class="['transaction-details', { visible }]" v-button>
         <span>{{ t('transactionDetailsText') }}</span>
         <s-icon :name="icon" size="16px" class="transaction-details-icon" />
       </div>
@@ -59,7 +59,9 @@ export default class TransactionDetails extends Mixins(TranslationMixin) {
     color: var(--s-color-theme-accent);
   }
 
-  &:hover {
+  &:hover,
+  &:focus {
+    outline: none;
     color: var(--s-color-theme-accent-hover);
 
     .transaction-details-icon {