[DS 2.0] Keep node title and subtitle on one line with ellipsis and tooltip - #126
Draft
librowski wants to merge 1 commit into
Draft
[DS 2.0] Keep node title and subtitle on one line with ellipsis and tooltip#126librowski wants to merge 1 commit into
librowski wants to merge 1 commit into
Conversation
librowski
force-pushed
the
ds2-node-text-ellipsis
branch
from
September 9, 2026 15:45
365d0f0 to
dcd25e9
Compare
…ooltip Design rule for DS 2.0 nodes: fixed width, height grows, title and subtitle truncate to one line with the full text in a tooltip. The description block also stops contributing intrinsic width (contain: inline-size), so a long subtitle no longer widens bodies sized with min-width: max-content.
librowski
force-pushed
the
ds2-node-text-ellipsis
branch
from
September 9, 2026 16:49
dcd25e9 to
6c07c11
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.
Problem
Design rule for DS 2.0 canvas nodes (confirmed by design on the node geometry questions): fixed 241px width, no resize, height grows; title, subtitle and body rows are one line with an ellipsis and the full text in a tooltip; rich body wraps. In code only the title truncated. A long subtitle wrapped, and in the Decision template (
min-width: max-contenton the body) it widened the whole node - observed at 284px in the AI Studio "Customer Support Triage" flow.Change
node-description.module.css: the subtitle gets the same one-line ellipsis treatment as the title; the block getsmin-width: 0andcontain: inline-size, so its text no longer contributes intrinsic width to amax-contentbody. Nodes keep the design width and grow in height only.NodeDescriptionsets the nativetitleattribute on both lines so the full text stays reachable (the design system tooltip component can replace it later without changing the contract).@workflowbuilder/uipatch.Verification
ui tests (69), typecheck, build,
check:built-css, stylelint, eslint. Follow-up visual check on the Decision node width belongs to the stack's end-to-end pass.