dillon_stuff/TalkEdit
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

improved tooltips

Browse Source
This commit is contained in:
dillonj
2026-05-06 11:41:32 -06:00
parent fd6697b48e
commit a96e42c9f9
13 changed files with 92 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/components/ZoneEditor.tsx
View File

@ -176,7 +176,7 @@ export default function ZoneEditor() {
value={zonePreviewPaddingSeconds}
onChange={(e) => setZonePreviewPaddingSeconds(Number(e.target.value) || 0)}
className="w-16 px-2 py-1 bg-editor-bg border border-editor-border rounded text-xs text-editor-text focus:outline-none focus:border-editor-accent"
data-tooltip="Preview time before and after each zone"
title="Preview time before and after each zone"
/>
<span className="text-xs text-editor-text-muted">sec</span>
</div>
@ -193,7 +193,7 @@ export default function ZoneEditor() {
? 'bg-editor-accent text-white'
: 'text-editor-text-muted hover:text-editor-text'
}`}
data-tooltip="Show all zones"
title="Show all zones"
>
All
</button>
@ -204,7 +204,7 @@ export default function ZoneEditor() {
? 'bg-red-500/30 text-red-500'
: 'text-editor-text-muted hover:text-editor-text'
}`}
data-tooltip="Show only Cut zones"
title="Show only Cut zones"
>
Cut
</button>
@ -215,7 +215,7 @@ export default function ZoneEditor() {
? 'bg-orange-500/30 text-orange-500'
: 'text-editor-text-muted hover:text-editor-text'
}`}
data-tooltip="Show only Mute zones"
title="Show only Mute zones"
>
Mute
</button>
@ -226,7 +226,7 @@ export default function ZoneEditor() {
? 'bg-amber-500/30 text-amber-500'
: 'text-editor-text-muted hover:text-editor-text'
}`}
data-tooltip="Show only Gain zones"
title="Show only Gain zones"
>
Gain
</button>
@ -237,7 +237,7 @@ export default function ZoneEditor() {
? 'bg-emerald-500/30 text-emerald-500'
: 'text-editor-text-muted hover:text-editor-text'
}`}
data-tooltip="Show only Speed zones"
title="Show only Speed zones"
>
Speed
</button>
@ -279,7 +279,7 @@ export default function ZoneEditor() {
removeZone('cut', range.id);
}}
className="p-1 rounded hover:bg-red-500/20 text-red-500/70 hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity"
data-tooltip="Delete cut zone"
title="Delete cut zone"
>
<Trash2 className="w-3.5 h-3.5" />
</button>
@ -316,7 +316,7 @@ export default function ZoneEditor() {
removeZone('mute', range.id);
}}
className="p-1 rounded hover:bg-orange-500/20 text-orange-500/70 hover:text-orange-500 opacity-0 group-hover:opacity-100 transition-opacity"
data-tooltip="Delete mute zone"
title="Delete mute zone"
>
<Trash2 className="w-3.5 h-3.5" />
</button>
@ -355,7 +355,7 @@ export default function ZoneEditor() {
value={globalGainDb}
onChange={(e) => setGlobalGainDb(Math.max(-24, Math.min(24, Number(e.target.value) || 0)))}
className="w-14 px-1.5 py-0.5 text-xs bg-editor-surface border border-editor-border rounded focus:border-editor-accent focus:outline-none"
data-tooltip="Volume adjustment in decibels — +6 dB doubles volume, -6 dB halves it"
title="Volume adjustment in decibels — +6 dB doubles volume, -6 dB halves it"
/>
<span className="text-xs text-amber-500/80 font-medium w-6 text-right">dB</span>
</div>
@ -385,7 +385,7 @@ export default function ZoneEditor() {
onClick={(e) => e.stopPropagation()}
onChange={(e) => updateGainRange(range.id, Number(e.target.value) || 0)}
className="w-16 px-1.5 py-0.5 text-xs bg-editor-surface border border-editor-border rounded focus:border-editor-accent focus:outline-none"
data-tooltip="Volume adjustment in decibels — +6 dB doubles volume, -6 dB halves it"
title="Volume adjustment in decibels — +6 dB doubles volume, -6 dB halves it"
/>
{renderPreviewButton(range.start, range.end, 'hover:bg-amber-500/20 text-amber-500/70 hover:text-amber-500')}
<button
@ -394,7 +394,7 @@ export default function ZoneEditor() {
removeZone('gain', range.id);
}}
className="p-1 rounded hover:bg-amber-500/20 text-amber-500/70 hover:text-amber-500 opacity-0 group-hover:opacity-100 transition-opacity"
data-tooltip="Delete gain zone"
title="Delete gain zone"
>
<Trash2 className="w-3.5 h-3.5" />
</button>
@ -435,7 +435,7 @@ export default function ZoneEditor() {
onClick={(e) => e.stopPropagation()}
onChange={(e) => updateSpeedRange(range.id, Number(e.target.value) || 1)}
className="w-16 px-1.5 py-0.5 text-xs bg-editor-surface border border-editor-border rounded focus:border-editor-accent focus:outline-none"
data-tooltip="Playback speed multiplier — 1.0x is normal, 2.0x is twice as fast"
title="Playback speed multiplier — 1.0x is normal, 2.0x is twice as fast"
/>
{renderPreviewButton(range.start, range.end, 'hover:bg-emerald-500/20 text-emerald-500/70 hover:text-emerald-500')}
<button
@ -444,7 +444,7 @@ export default function ZoneEditor() {
removeZone('speed', range.id);
}}
className="p-1 rounded hover:bg-emerald-500/20 text-emerald-500/70 hover:text-emerald-500 opacity-0 group-hover:opacity-100 transition-opacity"
data-tooltip="Delete speed zone"
title="Delete speed zone"
>
<Trash2 className="w-3.5 h-3.5" />
</button>