Angular material A4 print
The layoutXs directive is fired on A4 print !?
by Guillaume Seguin
HTML
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>
HTML
<md-list>
<md-list-item layout-xs="column">
<a href="http://lorempixel.com">
<img src="http://lorempixel.com/40/40" class="md-avatar" alt="" />
</a>
<div class="md-list-item-text" flex="50" layout-padding>
<h3 layout="row" layout-align="space-between">
<span>First sub-item</span>
<span>By me</span>
</h3>
<h4 layout="row" layout-align="space-between">
<span>For test</span>
<span>Today</span>
</h4>
</div>
<div class="md-list-item-text" layout-padding>
<p>Second sub-item</p>
</div>
</md-list-item>
</md-list>
JavaScript
'use strict';
angular.module('BlankApp', ['ngMaterial']);