Commit 779e48d
committed
fix: restore text-overflow: ellipsis on long button labels
Since #4174 added display: flex to .Button-label (so helper text could
stack below the label), text-overflow: ellipsis stopped working — flex
containers don't honor it on themselves.
Move overflow/text-overflow to the inner .Button-labelText span, and add
min-width: 0 to .Button-label so the flex chain can shrink below content
size when the parent applies shrink force.
For SplitDropdown, the main-action button sits inside a ButtonGroup
where .ButtonGroup > .Button has flex-shrink: 0 — so even with the above,
the button would still grow past the group's max-width. Override
flex-shrink/min-width on .SplitDropdown-button only, leaving other
ButtonGroup uses (post controls, admin permission grids) unchanged.
Fixes #46211 parent 89d8015 commit 779e48d
2 files changed
Lines changed: 9 additions & 2 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
272 | 272 | | |
273 | 273 | | |
274 | 274 | | |
275 | | - | |
276 | | - | |
277 | 275 | | |
278 | 276 | | |
| 277 | + | |
| 278 | + | |
| 279 | + | |
| 280 | + | |
| 281 | + | |
279 | 282 | | |
280 | 283 | | |
281 | 284 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
119 | 119 | | |
120 | 120 | | |
121 | 121 | | |
| 122 | + | |
| 123 | + | |
| 124 | + | |
| 125 | + | |
122 | 126 | | |
123 | 127 | | |
124 | 128 | | |
| |||
0 commit comments