title: Ionic popover: Popover height doesn't fit to content
body: <p>I want to adapt the height of a <a href="http://ionicframework.com/docs/api/service/$ionicPopover/">ionic-popover</a> to fit his content. I use this popover to show some informations: they just contains a <code>ion-header</code> and a <code>ion-content</code>.</p>
  
  <pre><code>&lt;ion-popover-view&gt;
      &lt;ion-header-bar&gt;
          &lt;h1 class="title"&gt;Title&lt;/h1&gt;
      &lt;/ion-header-bar&gt;
      &lt;ion-content scroll="false" class="padding"&gt;
          I want the parent's height to fit the content's height
      &lt;/ion-content&gt;
  &lt;/ion-popover-view&gt;
  </code></pre>
  
  <p>But the popover is too big for the few text I want to display:</p>
  
  <p><img src="https://i.stack.imgur.com/1L0eu.png" alt="Ionic popover: too many blank"></p>
  
  <p>I tried to set the ion-popover-view height with <code>height: auto;</code>, but just the header-bar is displayed in this case. Set a fixed height (<code>height: 100px;</code>) is working (as described <a href="http://forum.ionicframework.com/t/popover-sizing/8251">here</a>), but I want a dynamic height depending on the content length.</p>
  
  <p><a href="http://codepen.io/anon/pen/vOamZX"><strong>An example on CodePen</strong></a></p>