Sidebar issue on IE11

[jadjoubran]

Originally posted by @Bodom78 - issue #16

I have some workarounds in the sidebar.html code for the ui-sref to work.. So this might be causing an issue on IE11..
But then I noticed that this is an upstream issue on angular/material repo:

angular/material#2131

I'm pushing a temporary fix as mentioned in this comment until the upstream issue is resolved.

[jadjoubran]

@Bodom78 Let me know if this works for you on IE11

[Bodom78]

Links work fine in IE, the styling issue remains.

Looks like the vertical text alignment on a list item in IE can be fixed by adding a height to md-list-item as discussed at angular/material#3764

Testing in the DOM Explorer confirms this works but it is really a hack just for IE to work. Only problem would be if you had 3 lines of text on a menu item which is unlikely.

[jadjoubran]

Oh okay.. that's great
I tried to see how https://material.angularjs.org/ were able to make it work in the their side-menu.. but I guess there's a line-height or padding that's making it work..
So I'm going to add a fixed height for it..

Thanks a lot for your help :D

[jadjoubran]

@Bodom78 let me know if it fixes it, so I can close the issue
Thanks!

[Bodom78]

Looks good and working fine in IE11 now.

[jadjoubran]

Great, thanks!