[Toolbar] toolbar-title overflow: Set width in the example

[tintin1343]

This references issue: #3192

Previously submitted PR: #3250

• Since the issue still persists even after the last PR was merged, I decided to change the fix a bit. All other css changes in toolbar-title.jsx remains the same except for the width attribute.
• The earlier logic of having the width based on the number of characters within the component jsx code seemed dodgy. I decided to move the width attribute as a part of the inline style in the example code instead.
• This makes more sense to me since the use of toolbar might change based on the use-case and so does the title width which is dependent on the number of elements being present in a toolbar implementation.
• I have included a value of width:150px based on the implementation in the example page but I understand that it is still a magic constant and my suggestion would be to add a note in the docs mentioning the same like its done for the popover ghost touch issue , as it is more of an implementation issue.
• I could add the note if needed. @alitaheri @newoga need you opinion about it.
• As you both know I have started work on redesign of the Toolbar component. This can work as a temporary fix till then.

P.S: I created a new branch and proceeded the issue in a fresh manner hence the new branch.

[tintin1343]

Screenshots of the implementation:

[oliviertassinari]

The earlier logic of having the width based on the number of characters within the component jsx code seemed dodgy.

Giving users the power to fix it seems better 👍. Can we remove the magic width value now?

[tintin1343]

@oliviertassinari : Which magic width are you referring to? I have removed it from toolbar-title.jsx which had a width attribute as per the previous fix.

The width value of 150px is in the docs example page, which is to show the user how to implement it in their use-cases.

[oliviertassinari]

Which magic width are you referring to?

Sorry I was confused not seeing this line removed https://github.com/callemall/material-ui/pull/3250/files#diff-6ac27b5e67882578a46d38f690fd414bR20.

Could you rebase 👍?

[tintin1343]

Could you rebase 👍?

@oliviertassinari : Done.

[oliviertassinari]

90 would be enough.

[tintin1343]

Changing it to 90