Adjust UI for Contact, Contact editor, Messages and Message editor

This commit is contained in:
iRouge authored and Francis Lachapelle committed 2015-06-12 11:17:51 -04:00
1 parent 15dab4dfe5
commit 80d6c0226a
13 files changed
+218 -177

No files matched your search

+18 -11
View File
@@ -291,32 +291,39 @@
<section layout="column" class="md-layout-fill">
<md-toolbar layout="column" layout-align="space-between start" class="md-tall toolbar-main">
<div class="md-toolbar-tools" layout="row" layout-align="space-between start" ng-controller="toggleCtrl">
<div class="sg-toolbar-group-1">
<md-button ng-click="toggleLeft()" class="md-hide-gt-md">
<div class="sg-toolbar-group-1" layout="row">
<md-button ng-click="toggleLeft()" class="md-hide-gt-md sg-button-navicon">
<span class="md-icon-menu"></span>
</md-button>
<div class="sg-md-display-3">
15
<div class="sg-date-group" layout="column" layout-align="center end">
<p class="sg-day">monday</p>
<p class="sg-month">january</p>
<p class="sg-year">2015</p>
</div>
<p class="sg-md-display-3">15</p>
</div>
<div class="sg-toolbar-group-2">
<span class="md-icon-search"></span>
</div>
</div>
<div class="md-toolbar-tools md-toolbar-tools-bottom" layout="row" layout-align="space-between center">
<div class="cols-7" layout="row" layout-align="space-between center" style="padding-right: 16px">
<div class="md-icon-search"><!-- search-field --></div>
<div class="cols-6" layout="row" layout-align="space-between center" style="padding-right: 16px">
<md-input-container class="sg-search-field-container">
<label style="color: white"><i class="md-icon-search"><!--icon--></i>Search</label>
<input name="folderSearch" type="search"
ng-model="search.filter" ng-keyup="doSearch($event)" style="color: white"/>
</md-input-container>
<div class="sg-toolbar-group">
<span>ALL
<span class="md-icon-arrow-drop-down"><!-- sort drop-down --></span>
</span>
<md-select class="sg-toolbar-sort md-contrast-light" label:placeholder="All">ALL
</md-select>
<span class="md-icon-create"><!-- icon --></span>
</div>
</div>
<div class="spacer cols-8"><!-- spacer --></div>
</div>
</md-toolbar>
<div layout="row" class="md-flex" layout-align="space-between" ui-view="mailbox"><!-- messages list --></div>
</section>