fix(tooltip): unify app-wide tooltips (arrow, distance, delay) - #54
Draft
broisnischal wants to merge 1 commit into
Draft
fix(tooltip): unify app-wide tooltips (arrow, distance, delay)#54broisnischal wants to merge 1 commit into
broisnischal wants to merge 1 commit into
Conversation
Add a single delegated GlobalTooltip mounted at the app root that styles every native title/data-tip element consistently — arrow, larger distance, show-delay, and hover-persistence — so all tooltips match across the app without wiring each call site. Align the existing bits-ui tooltip (SqlConsole) with a matching arrow, 8px offset, and 450ms delay.
|
broisnischal
added a commit
that referenced
this pull request
Jul 19, 2026
… 8px, 450ms, hover-persist); replace tip.js
broisnischal
force-pushed
the
worktree-fix-tooltips
branch
from
August 8, 2026 04:32
92a4bde to
4ac0093
Compare
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.
What
Fixes the inconsistent tooltip shown in the screenshot (the tab-bar tooltip) and makes every tooltip in the app look and behave the same.
Problem
titletooltip — no arrow, cramped distance, uncontrollable timing.title=tooltips across the app vs. a single styled bits-ui tooltip only inSqlConsole→ inconsistent look.Change
GlobalTooltip.svelte— one delegated, styled tooltip mounted once at the app root (App.svelte). It transparently upgrades any element's nativetitle(or opt-indata-tip) into the shared styled bubble:data-no-tiptitle=usages just work.ui/tooltip, used bySqlConsole) — added a matching arrow, bumped the offset to 8px, and set the provider delay to 450ms so rich tooltips match the global one.Verify
npm run buildpasses (only pre-existing warnings).Closes the tooltip design/consistency request.