Is it possible to position an $mdToast at the top of the page for narrow viewport?
<p>I'd like to have a toast with site messages (like success or error notification on last action) displayed at the top of the page.</p>

<p>Angular material docs <a href="https://material.angularjs.org/latest/api/service/$mdToast">say</a> you can position a toast at the top:</p>

<blockquote>
  <p>position - {string=}: Where to place the toast. Available: any combination of 'bottom', 'left', 'top', 'right'. Default: 'bottom left'.</p>
</blockquote>

<p>Top position works fine for desktop browsers with width >= 960px but is ignored when width becomes less (then the toast is always at bottom) - why is that? And on mobile devices it's always at the bottom, too.</p>