improved tooltips

This commit is contained in:
2026-05-06 11:41:32 -06:00
parent fd6697b48e
commit a96e42c9f9
13 changed files with 92 additions and 131 deletions

View File

@ -660,7 +660,7 @@ export default function App() {
value={gainModeDb}
onChange={(e) => setGainModeDb(Math.max(-24, Math.min(24, Number(e.target.value) || 0)))}
className="w-16 px-1.5 py-1 text-xs bg-editor-surface border border-editor-border rounded text-editor-text focus:outline-none focus:border-editor-accent"
data-tooltip="Volume adjustment in decibels for new gain zones — positive boosts, negative reduces"
title="Volume adjustment in decibels for new gain zones — positive boosts, negative reduces"
disabled={!canEdit}
/>
</div>
@ -681,7 +681,7 @@ export default function App() {
value={speedModeValue}
onChange={(e) => setSpeedModeValue(Math.max(0.25, Math.min(4, Number(e.target.value) || 1)))}
className="w-16 px-1.5 py-1 text-xs bg-editor-surface border border-editor-border rounded text-editor-text focus:outline-none focus:border-editor-accent"
data-tooltip="Playback speed multiplier for new speed zones — 1x is normal, 2x is double speed"
title="Playback speed multiplier for new speed zones — 1x is normal, 2x is double speed"
disabled={!canEdit}
/>
</div>
@ -754,7 +754,7 @@ export default function App() {
<button
onClick={handleReprocessProject}
disabled={isTranscribing || !videoPath || !canEdit}
data-tooltip="Re-run transcription with the selected Whisper model — replaces current transcript"
title="Re-run transcription with the selected Whisper model — replaces current transcript"
className="flex items-center gap-1 px-2 py-1 rounded text-xs text-editor-text hover:bg-editor-bg disabled:opacity-40 disabled:cursor-not-allowed"
>
<RefreshCw className={`w-3 h-3 ${isTranscribing ? 'animate-spin' : ''}`} />
@ -984,7 +984,7 @@ function ToolbarButton({
title?: string;
}) {
return (
<span data-tooltip={title || label}>
<span title={title || label}>
<button
onClick={onClick}
disabled={disabled}
@ -1015,7 +1015,7 @@ function DropdownItem({
title?: string;
}) {
return (
<span data-tooltip={title || label}>
<span title={title || label}>
<button
onClick={onClick}
disabled={disabled}