diff options
| author | Moonchild <moonchild@palemoon.org> | 2022-02-07 19:33:44 +0000 |
|---|---|---|
| committer | Moonchild <moonchild@palemoon.org> | 2022-02-07 19:33:44 +0000 |
| commit | 25567771ffcc7ad6612e7bead839fac2c53bc30f (patch) | |
| tree | c8e2028b86b7ac3a63d36f1c42cdf76774450eac /system/themes | |
| parent | 11fb7c1386ac23a2f00db7d7e3abe4d136741ef7 (diff) | |
| download | aura-central-25567771ffcc7ad6612e7bead839fac2c53bc30f.tar.gz | |
No Issue - Break overly long tooltips into multiple lines.
A very very old bug and annoyance: tooltips with very long content without
spaces (e.g. long URLs or gibberish data) would just cut off and leave an
un-styled right border going over the widget's constrained space.
Because of an additional bug (still unsolved), this was never properly
addressed because solutions attempted didn't work.
The workaround for the secondary bug allows for word-break to now work and this
primary problem to be resolved.
Diffstat (limited to 'system/themes')
| -rw-r--r-- | system/themes/linux/global/global.css | 3 | ||||
| -rw-r--r-- | system/themes/windows/global/global.css | 3 |
2 files changed, 6 insertions, 0 deletions
diff --git a/system/themes/linux/global/global.css b/system/themes/linux/global/global.css index 9328f7a66..947b45107 100644 --- a/system/themes/linux/global/global.css +++ b/system/themes/linux/global/global.css @@ -244,6 +244,9 @@ label[disabled="true"] { .tooltip-label { margin: 0; + word-wrap: break-word; + /* We must specify a min-width, otherwise word-wrap:break-word doesn't work. Bug 630864. */ + min-width: 1px; } .header { diff --git a/system/themes/windows/global/global.css b/system/themes/windows/global/global.css index 6b6a21ca3..dcfe6ef60 100644 --- a/system/themes/windows/global/global.css +++ b/system/themes/windows/global/global.css @@ -254,6 +254,9 @@ label[disabled="true"]:-moz-system-metric(windows-classic) { .tooltip-label { margin: 0; + word-wrap: break-word; + /* We must specify a min-width, otherwise word-wrap:break-word doesn't work. Bug 630864. */ + min-width: 1px; } .header { |