Skip to content


fix(app-bar): AppBarTitle now applies flex: 1 1 auto
Browse files Browse the repository at this point in the history
This shouldn't really affect most users in any way since this only was
discovered with my documentation site's search behavior on mobile.

If you apply a `max-width` to an element and have `margin-left: auto`,
it won't always be displayed as `flex-end` which was the original

A side effect of this change is that you won't need to enable the
`first` prop on the first `AppBarAction` if there is an `AppBarTitle` in
your `AppBar`.
  • Loading branch information
mlaursen committed Mar 18, 2022
1 parent 7039fef commit 4a47c92
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions packages/app-bar/src/_mixins.scss
Original file line number Diff line number Diff line change
Expand Up @@ -210,6 +210,7 @@
@include rmd-utils-rtl-auto(margin-left, $rmd-app-bar-keyline);
@include rmd-utils-hide-focus-outline;

flex: 1 1 auto;
margin-bottom: 0;
margin-top: 0;

Expand Down

0 comments on commit 4a47c92

Please sign in to comment.