fix(tooltip): DP-129564 add overflow-wrap for tooltip#687
Merged
Nina Repetto (ninamarina) merged 1 commit intostagingfrom Apr 3, 2025
Merged
fix(tooltip): DP-129564 add overflow-wrap for tooltip#687Nina Repetto (ninamarina) merged 1 commit intostagingfrom
Nina Repetto (ninamarina) merged 1 commit intostagingfrom
Conversation
Contributor
|
Please add either the |
Contributor
|
✔️ Deploy previews ready! |
Nina Repetto (ninamarina)
added
the
visual-test-ready
Brad Paugh (braddialpad)
approved these changes
Apr 2, 2025
Contributor
Brad Paugh (braddialpad)
left a comment
Brad Paugh (braddialpad)
left a comment
There was a problem hiding this comment.
A good change, thanks!
Julio Ortega (juliodialpad)
pushed a commit
that referenced
this pull request
Apr 7, 2025
## [8.50.6](dialtone-css/v8.50.5...dialtone-css/v8.50.6) (2025-04-03) ### Bug Fixes * **Tooltip:** DP-129564 add overflow-wrap for tooltip ([#687](#687)) ([b6d8256](b6d8256))
Julio Ortega (juliodialpad)
pushed a commit
that referenced
this pull request
Apr 7, 2025
## [9.107.2](dialtone/v9.107.1...dialtone/v9.107.2) (2025-04-03) ### Bug Fixes * DLT-2398 synchronize class attrs on vue 3 components ([#688](#688)) ([ff72641](ff72641)) * NO-JIRA $el in vue 3 ([#690](#690)) ([0027ba7](0027ba7)) * NO-JIRA dialtone icons android build ([#691](#691)) ([8c10768](8c10768)) * **Tooltip:** DP-129564 add overflow-wrap for tooltip ([#687](#687)) ([b6d8256](b6d8256))
Josh Carter (jcarter-dp)
pushed a commit
that referenced
this pull request
Apr 8, 2025
# [9.108.0-rebrand-2025-beta.1](dialtone/v9.107.1...dialtone/v9.108.0-rebrand-2025-beta.1) (2025-04-07) ### Bug Fixes * **Contact Centers Row:** DLT-2363 update colors on recipes ([#663](#663)) ([aac54e6](aac54e6)) * NO-JIRA $el in vue 3 ([#690](#690)) ([0027ba7](0027ba7)) * NO-JIRA bring dialpad illustration assets back ([e3dc23e](e3dc23e)) * NO-JIRA dialtone icons android build ([#691](#691)) ([8c10768](8c10768)) * NO-JIRA icons build, naming conflict and typo ([#671](#671)) ([de83b22](de83b22)) * NO-JIRA icons-illustrations naming conflicts ([29f1f13](29f1f13)) * **Tooltip:** DP-129564 add overflow-wrap for tooltip ([#687](#687)) ([b6d8256](b6d8256)) ### Code Refactoring * DLT-2334 update design colors documentation ([#679](#679)) ([a22a1c0](a22a1c0)) ### Documentation * **Css Utilities:** NO-JIRA update css utilities demo to emphasize semantic ([#665](#665)) ([520eab4](520eab4)) * DLT-2354 DLT-2331 apply season to doc site and add dialtone logo ([#652](#652)) ([0bd67c5](0bd67c5)) * DLT-2391 color utilities documentation ([#659](#659)) ([4d07c12](4d07c12)) * DLT-2411 suppress-old-brand-icons ([#680](#680)) ([7f6a35e](7f6a35e)) * modify the brand page, remove the word-mark variant, update the logo ([#668](#668)) ([08370f7](08370f7)) ### Features * **Button:** DLT-2408 add positive kind ([#681](#681)) ([0265764](0265764)) * **Design Tokens:** DLT-2352 apply new 2025 reb colors ([#636](#636)) ([40d8f96](40d8f96)) * **Design Tokens:** DLT-2458 wfm extended base colors ([#694](#694)) ([2905279](2905279)) * **Design Tokens:** NO-JIRA positive button border color ([497bba8](497bba8)) * **Design Tokens:** NO-JIRA positive button border color (dark) ([82b8654](82b8654)) * **Design Tokens:** NO-JIRA remap focus color ([e003c8b](e003c8b)) * **Design Tokens:** NO-JIRA unhack tmo theme ([#669](#669)) ([daa0801](daa0801)) * **Design Tokens:** NO-JIRA update critical foreground and border ([ebd2885](ebd2885)) * **Design Tokens:** NO-JIRA updated dark muted foreground color ([f5146cc](f5146cc)) * **Design Tokens:** NO-JIRA updated purples ([099fa4b](099fa4b)) * **Design Tokens:** NO-JIRA updated purples dark mode library connection ([a5aa5ab](a5aa5ab)) * DLT-2329 update Archivo to Season Mix font ([#648](#648)) ([ca8fdcf](ca8fdcf)) * DLT-2350 expand color css utility classes ([#655](#655)) ([1b271f3](1b271f3)) * **Empty State:** DLT-2361 DLT-2362 update icon color ([#651](#651)) ([0be7414](0be7414)) * **Icon:** DLT-2410 new dialpad logo icon and update gradients ([#670](#670)) ([c29ee5a](c29ee5a)) * **Icon:** DLT-2426 add dialpad meetings icon ([#673](#673)) ([96ba523](96ba523)) * **Linters:** DLT-2395 base color linter rules ([#667](#667)) ([a23e3c6](a23e3c6))
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
2 participants
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.
Add overflow-wrap for tooltip
🛠️ Type Of Change
These types will increment the version number on release:
These types will not increment the version number, but will still deploy to documentation site on release:
📖 Jira Ticket
DP-129564
📖 Description
The text is not wrapping correctly when is long and with no spaces like a URL. I fixed it by adding
overflow-wrap: break-wordwhich will break the word only when overflows the max width of the container.📷 Screenshots / GIFs