Infra-Mirrors/ots
1
0
Fork 0
mirror of https://github.com/Luzifer/ots.git synced 2025-08-04 20:24:19 -04:00
Code Issues Projects Releases Packages Wiki Activity

[#160] Add hover tooltips for buttons

Browse source 
except QR-display as that one cannot carry a title in the current usage
of the tooltip component for displaying the QRCode image

Signed-off-by: Knut Ahlers <knut@ahlers.me>
This commit is contained in:
Knut Ahlers 2023-12-15 17:28:42 +01:00
parent 98268f1457
commit 21f295cfc1
No known key found for this signature in database
GPG key ID: D91C3E91E4CAD6F5
4 changed files with 16 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/display-url.vue
View file

@ -16,7 +16,10 @@
:value="secretUrl"
@focus="$refs.secretUrl.select()"
>
<app-clipboard-button :content="secretUrl" />
<app-clipboard-button
:content="secretUrl"
:title="$t('tooltip-copy-to-clipboard')"
/>
<app-qr-button :qr-content="secretUrl" />
</div>
<p v-html="$t('text-burn-hint')" />

6
src/components/secret-display.vue
View file

@ -38,11 +38,15 @@
class="btn-group-vertical"
role="group"
>
<app-clipboard-button :content="secret" />
<app-clipboard-button
:content="secret"
:title="$t('tooltip-copy-to-clipboard')"
/>
<a
class="btn btn-secondary"
:href="secretContentBlobURL"
download
:title="$t('tooltip-download-as-file')"
>
<i class="fas fa-fw fa-download" />
</a>