Fix breakpoints in scss and js (in await for a more elegant solution)

This commit is contained in:
Benoit Favreault
2015-06-12 11:22:45 -04:00
committed by Francis Lachapelle
parent 6b1fe301a6
commit d6a294b89f
11 changed files with 44 additions and 97 deletions
@@ -1,7 +1,8 @@
/*! ContactUI.scss */
[id ="contactsList"] {
flex: 0 0 $listView-width;
flex: 0 1 $listView-width;
min-width: ($listView-width - ($pitch * 2));
}
[id = "contactsList"] .sg-md-subheader {
@@ -9,12 +10,14 @@
}
// md is overqualifying, we have to do the same to override
md-content[ui-view="card"] {
margin: 0 auto;
background-color: sg-color($sogoPaper, 200);
}
// md is overqualifying, we have to do the same to override
md-card.viewer {
width: $detailView-width;
flex: 0 2 $detailView-width;
min-width: ($detailView-width - ($pitch * 2));
}
// Contact editor
@@ -4,7 +4,9 @@
}
[ui-view="message"] {
flex: 0 0 $detailView-width;
flex: 1 2 $detailView-width;
min-width: ($detailView-width - $pitch);
max-width: ($detailView-width + $pitch);
margin: 0 auto;
}