gkucmierz/tools-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: replace native titles with global vue tooltips

Browse Source
This commit is contained in:
Grzegorz Kucmierz
2026-03-04 04:30:38 +00:00
parent b5a79f8dbe
commit 27fee3ac34
12 changed files with 237 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/tools/QrScanner.vue
View File

@@ -322,7 +322,7 @@ const isUrl = (string) => {
v-if="hasMultipleCameras"
class="switch-camera-btn"
@click.stop="switchCamera"
title="Switch Camera"
v-tooltip="'Switch Camera'"
v-ripple
>
<SwitchCamera size="24" />
@@ -333,13 +333,13 @@ const isUrl = (string) => {
<div class="results-header">
<h3>Scanned Codes ({{ scannedCodes.length }})</h3>
<div v-if="scannedCodes.length > 0" class="header-actions">
<button class="icon-btn" @click="copyAll" title="Copy All" v-ripple>
<button class="icon-btn" @click="copyAll" v-tooltip="'Copy All'" v-ripple>
<Copy size="18" />
</button>
<button class="icon-btn" @click="downloadJson" title="Download JSON" v-ripple>
<button class="icon-btn" @click="downloadJson" v-tooltip="'Download JSON'" v-ripple>
<Download size="18" />
</button>
<button class="icon-btn delete-btn" @click="clearHistory" title="Clear All" v-ripple>
<button class="icon-btn delete-btn" @click="clearHistory" v-tooltip="'Clear All'" v-ripple>
<Trash2 size="18" />
</button>
</div>
@@ -358,13 +358,13 @@ const isUrl = (string) => {
</div>
</div>
<div class="item-actions">
<button class="icon-btn" @click="copyToClipboard(code.value)" title="Copy" v-ripple>
<button class="icon-btn" @click="copyToClipboard(code.value)" v-tooltip="'Copy'" v-ripple>
<Copy size="18" />
</button>
<button class="icon-btn" @click="navigateToGenerateQr(code.value)" title="Generate QR Code" v-ripple>
<button class="icon-btn" @click="navigateToGenerateQr(code.value)" v-tooltip="'Generate QR Code'" v-ripple>
<QrCode size="18" />
</button>
<button class="icon-btn delete-btn" @click="removeCode(code.id)" title="Remove" v-ripple>
<button class="icon-btn delete-btn" @click="removeCode(code.id)" v-tooltip="'Remove'" v-ripple>
<Trash2 size="18" />
</button>
</div>