Skip to content

Commit e728771

Browse files
devversiontinayuangao
authored andcommitted
fix(toolbar): prevent content overflow and line-wrapping (#2454)
* fix(toolbar): prevent content overflow and line-wrapping * No longer wraps lines inside of a `md-toolbar-row` * Overflow for X-axis and Y-Axis are now hidden. Developers should use multiple `md-toolbar-row` elements or can always overwrite the styles. Fixes #2451 * Address comment * Update comment
1 parent a022035 commit e728771

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

src/lib/toolbar/toolbar.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,10 @@ $mat-toolbar-padding: 16px !default;
4141
// Flexbox Vertical Alignment
4242
flex-direction: row;
4343
align-items: center;
44+
45+
// Per Material specs a toolbar cannot have multiple lines inside of a single row.
46+
// Disable text wrapping inside of the toolbar. Developers are still able to overwrite it.
47+
white-space: nowrap;
4448
}
4549
}
4650

0 commit comments

Comments
 (0)