I’m trying to achieve something quite simple in appearance but am somehow struggling with the CSS (or at least I don’t figure out which directives I should use).
I have illustrated the issue here: http://codepen.io/krisa/pen/iudpB
Ideally, there should be a list of friends on the left side (infinite scroll ideally) in the 10% column, and on the right side, this should be a nested view, so that when I click on a friend I display more information about him (this is not built in the demo for the sake of simplicity).
The problem is that, as we can see on the demo, the nested view (which display the word “content” is overlapping on the left side, instead of appearing, right of the col-10 div. The issue seems to be related to the “ion-content” but these ion-content are still useful because they provide the scrolling, etc.
Is there a way to achieve what I expect with the ionic directives (i.e. am I missing anything or building something wrong?) or is it just not supported and I should write my custom CSS for that?