Add flex property to menuItem

Resolves mui#3531
tintin1343 · Mar 4, 2016 · fddc328 · fddc328
1 parent 384e35d
commit fddc328
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/lists/list-item.jsx b/src/lists/list-item.jsx
@@ -507,6 +507,7 @@ const ListItem = React.createClass({
       },
 
       primaryText: {
+        order: 1,
       },
 
       rightIconButton: {

diff --git a/src/menus/menu-item.jsx b/src/menus/menu-item.jsx
@@ -232,10 +232,16 @@ const MenuItem = React.createClass({
         paddingRight: sidePadding,
         paddingBottom: 0,
         paddingTop: 0,
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignContent: 'space-between',
       },
 
       secondaryText: {
-        float: 'right',
+        order:2,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
       },
 
       leftIconDesktop: {
-Original file line number
+Diff line change
@@ Expand Up / @@ -507,6 +507,7 @@ const ListItem = React.createClass({ @@
           },
           primaryText: {
+            order: 1,
           },
           rightIconButton: {
@@ Expand Down @@