fix(menuBar): do not use flex for buttons (#10027)

clshortfuse · mmalerba · commit 471b8500255d · 2016-12-06T15:26:08.000-08:00
Firefox does not support flex on buttons * Change text to use float instead flex for positioning Fixes #9771
diff --git a/src/components/menuBar/menu-bar.scss b/src/components/menuBar/menu-bar.scss
@@ -59,13 +59,11 @@ md-menu-content.md-menu-bar-menu.md-dense {
   .md-button {
     min-height: 0;
     height: 4 * $baseline-grid;
-    display: flex;
     span {
-      flex-grow: 1;
+      @include rtl(float, left, right);
     }
     span.md-alt-text {
-      flex-grow: 0;
-      align-self: flex-end;
+      @include rtl(float, right, left);
       margin: 0 $baseline-grid;
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -59,13 +59,11 @@ md-menu-content.md-menu-bar-menu.md-dense {`
`59`	`59`	`.md-button {`
`60`	`60`	`min-height: 0;`
`61`	`61`	`height: 4 * $baseline-grid;`
`62`		`- display: flex;`
`63`	`62`	`span {`
`64`		`- flex-grow: 1;`
	`63`	`+ @include rtl(float, left, right);`
`65`	`64`	`}`
`66`	`65`	`span.md-alt-text {`
`67`		`- flex-grow: 0;`
`68`		`- align-self: flex-end;`
	`66`	`+ @include rtl(float, right, left);`
`69`	`67`	`margin: 0 $baseline-grid;`
`70`	`68`	`}`
`71`	`69`	`}`