Skip to content

Commit

Permalink
fix(toolbar): prevent content overflow and line-wrapping (#2454)
Browse files Browse the repository at this point in the history
* 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
  • Loading branch information
devversion authored and tinayuangao committed Feb 10, 2017
1 parent a022035 commit e728771
Showing 1 changed file with 4 additions and 0 deletions.
4 changes: 4 additions & 0 deletions src/lib/toolbar/toolbar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,10 @@ $mat-toolbar-padding: 16px !default;
// Flexbox Vertical Alignment
flex-direction: row;
align-items: center;

// Per Material specs a toolbar cannot have multiple lines inside of a single row.
// Disable text wrapping inside of the toolbar. Developers are still able to overwrite it.
white-space: nowrap;
}
}

Expand Down

0 comments on commit e728771

Please sign in to comment.