244 button tooltips#288
Merged
Merged
Conversation
The compiled tailwind-min.css doesn't include DaisyUI's tooltip component, so add a minimal CSS implementation matching DaisyUI's .tooltip + data-tip API. A future tailwind rebuild can take over without HTML changes. Tooltips: - positioned below the button (toolbar sits at top of page) - show after 500ms of hover so a quick mouse pass doesn't flash - hide instantly on unhover - left-anchored on #sidebar-toggle so the bubble stays on-screen when the sidebar is collapsed and the button is at the edge Wired onto sidebar toggle, strikethrough, rabbit (skip silent gaps), info, edit-captions, and edit-transcript buttons. The FILE dropdown already has visible text and is skipped.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Icon-only toolbar buttons had no visible labels, leaving users to guess their function. Adds
DaisyUI-style hover tooltips to the sidebar toggle, strikethrough, rabbit (skip silent gaps), info,
edit-captions, and edit-transcript buttons. The FILE dropdown already has a visible label and is
skipped.
The compiled
tailwind-min.cssdoesn't include DaisyUI'stooltipcomponent, so this commit ships aminimal CSS implementation that matches DaisyUI's
.tooltip+data-tipAPI. A future Tailwind rebuildcan take over without any HTML changes.
Tooltip behavior
#sidebar-toggleis left-anchored so its bubble stays on-screen when the sidebar is collapsed and thebutton is at the left edge.
Version bump to 0.6.3.
Test plan
#sidebar-togglesits at the very left edge — tooltip stays fully visible(anchored to the button's left edge rather than centered).