imported write view

src/js/controller/mail-list.js

@@ -18,23 +18,6 @@ define(function(require) {
             $scope.$parent.selected = $scope.selected;
         };
 
-        $scope.write = function(replyTo) {
-            var replyToId = (replyTo) ? replyTo.uid : '',
-                url = 'index.html#/write/' + replyToId;
-
-            if (window.chrome && chrome.app.window) {
-                chrome.app.window.create(url, {
-                    'bounds': {
-                        'width': 800,
-                        'height': 700
-                    }
-                });
-                return;
-            }
-
-            window.open(url, 'Compose Message', 'toolbar=no,width=800,height=700,left=500,top=200,status=no,scrollbars=no,resize=no');
-        };
-
         if (false && window.chrome && chrome.identity) {
             fetchList($scope.folder, function(emails) {
                 $scope.emails = emails;

src/js/controller/navigation.js

@@ -11,6 +11,23 @@ define(function() {
         $scope.closeNav = function() {
             $scope.navOpen = false;
         };
+
+        $scope.write = function(replyTo) {
+            var replyToId = (replyTo) ? replyTo.uid : '',
+                url = 'index.html#/write/' + replyToId;
+
+            if (window.chrome && chrome.app.window) {
+                chrome.app.window.create(url, {
+                    'bounds': {
+                        'width': 800,
+                        'height': 700
+                    }
+                });
+                return;
+            }
+
+            window.open(url, 'Compose Message', 'toolbar=no,width=800,height=700,left=500,top=200,status=no,scrollbars=no,resize=no');
+        };
     };
 
     return NavigationCtrl;

src/sass/_scaffolding.scss

@@ -30,6 +30,8 @@ textarea {
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
 // Basic layout

src/sass/all.scss

@@ -22,3 +22,4 @@
 @import "views/navigation";
 @import "views/mail-list";
 @import "views/read";
+@import "views/write";

src/sass/views/_read.scss

@@ -1,4 +1,5 @@
 .view-read {
+    margin: 0px;
     padding: 10px 15px;
     color: $color-grey-dark;
 

src/sass/views/_write.scss

@@ -0,0 +1,71 @@
+.view-write {
+    margin: 0px;
+    padding: 10px;
+    color: $color-grey-dark;
+
+    .title {
+        text-align: center;
+        font-size: $font-size-bigger;
+        margin-bottom: 20px;
+    }
+
+    input {
+        border: 0!important;
+        outline: 0px;
+    }
+
+    button {
+        border: 0!important;
+    }
+
+    .address-input {
+        width: 90%;
+    }
+
+    .subject-box {
+        margin: 20px 0;
+        width: inherit;
+        border: 1px;
+        border-style: solid;
+        border-color: $color-grey-lighter;
+        height: em(44);
+
+        .subject-line {
+            float: left;
+            padding: 10px;
+            width: 80%;
+            color: $color-grey;
+        }
+
+        .subject {
+            font-weight: bold;
+            width: 100%;
+        }
+
+        .btn-attachment {
+            float: right;
+            padding: em(7.5) em(7.5) em(4) em(7.5);
+            margin: em(5);
+            color: $color-grey-lightest;
+            background-color: $color-blue;
+        }
+    }
+
+    *[contentEditable] {
+        outline: 0px;
+    }
+
+    .encrypt-preview {
+        font-size: 0.9em;
+        margin-top: 3em;
+        font-family: monospace;
+        color: $color-grey-light;
+        word-wrap: break-word;
+    }
+
+    .send-control {
+        position: absolute;
+        bottom: 10px;
+        right: 10px;
+    }
+}

src/tpl/write.html

@@ -1,4 +1,4 @@
-<div class="write-message">
+<div class="view-write">
   <p class="title">New Mail</p>
 
   <div class="address-headers">
@@ -16,9 +16,9 @@
     <div class="subject-line">
       <input ng-model="subject" class="subject" spellcheck="true" tabindex="3" placeholder="Subject" ng-change="updatePreview()">
     </div>
-    <div class="attachment-btn btn-shadow">
-      <div class="icon-attachment"></div>
-    </div>
+    <button class="btn-attachment">
+      <div data-icon="&#xe003;"></div>
+    </button>
   </div><!--/.subject-box-->
 
   <div class="mail-text-body">
@@ -31,5 +31,7 @@
     </div><!--/.encrypt-preview-->
   </div><!--/.mail-text-body-->
 
-  <button ng-click="sendEmail()" class="send-btn btn-shadow" tabindex="5">Send securely</button>
+  <div class="send-control">
+    <button ng-click="sendEmail()" class="btn" ng-disabled="!to" tabindex="5">Send securely</button>
+  </div>
 </div>