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

20
src/components/tools/UrlCleaner.vue
View File

@@ -110,7 +110,7 @@ onUnmounted(() => {
<div class="panel-header">
<h2 class="tool-title">URL Cleaner</h2>
<div class="header-actions">
<button class="icon-btn settings-btn" @click="showExceptionsModal = true" title="Cleaning Exceptions" v-ripple>
<button class="icon-btn settings-btn" @click="showExceptionsModal = true" v-tooltip="'Cleaning Exceptions'" v-ripple>
<Settings size="20" />
</button>
<ExtensionStatus :isReady="isExtensionReady" />
@@ -137,7 +137,7 @@ onUnmounted(() => {
:class="{ 'active': isWatchEnabled && isExtensionReady }"
@click="toggleWatch"
:disabled="!isExtensionReady"
:title="!isExtensionReady ? 'Extension required for auto-watch' : 'Automatically clean URLs from clipboard'"
v-tooltip="!isExtensionReady ? 'Extension required for auto-watch' : 'Automatically clean URLs from clipboard'"
v-ripple
>
<Power size="18" />
@@ -151,13 +151,13 @@ onUnmounted(() => {
<div class="history-header">
<h3>Cleaned URLs ({{ cleanedHistory.length }})</h3>
<div class="history-actions">
<button class="icon-btn" @click="copyAllUrls" title="Copy all URLs" v-ripple>
<button class="icon-btn" @click="copyAllUrls" v-tooltip="'Copy all URLs'" 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 History" v-ripple>
<button class="icon-btn delete-btn" @click="clearHistory" v-tooltip="'Clear History'" v-ripple>
<Trash2 size="18" />
</button>
</div>
@@ -176,13 +176,13 @@ onUnmounted(() => {
</div>
</div>
<div class="item-actions">
<button class="icon-btn" @click="copyToClipboard(item.cleaned)" title="Copy" v-ripple>
<Copy size="18" />
<button class="icon-btn" @click="copyToClipboard(item.cleaned)" v-tooltip="'Copy'" v-ripple>
<Copy size="16" />
</button>
<a :href="item.cleaned" target="_blank" class="icon-btn" title="Open">
<ExternalLink size="18" />
<a :href="item.cleaned" target="_blank" class="icon-btn" v-tooltip="'Open'" v-ripple>
<ExternalLink size="16" />
</a>
<button class="icon-btn delete-btn" @click="removeEntry(item.id)" title="Remove" v-ripple>
<button class="icon-btn delete-btn" @click="removeEntry(item.id)" v-tooltip="'Remove'" v-ripple>
<X size="18" />
</button>
</div>