moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2024-11-27 11:22:19 -05:00
Code Issues Releases Wiki Activity

increase line height of mail body to 1.5

Browse Source
This commit is contained in:
Tankred Hase 2013-09-18 23:59:04 +02:00
parent 289b462c2d
commit d801a84ceb
4 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/sass/views/_read.scss
View File

@ -33,6 +33,10 @@
margin-top: 1em; margin-top: 1em;
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
.body {
line-height: 1.5em;
}
} }
.controls { .controls {

10
src/sass/views/_write.scss
View File

@ -1,6 +1,6 @@
.view-write { .view-write {
margin: 0px; margin: 0px;
padding: 10px; padding: 12px;
color: $color-grey-dark; color: $color-grey-dark;
.title { .title {
@ -51,6 +51,9 @@
} }
} }
.body {
line-height: 1.5em;
*[contentEditable] { *[contentEditable] {
outline: 0px; outline: 0px;
} }
@ -62,10 +65,11 @@
color: $color-grey-light; color: $color-grey-light;
word-wrap: break-word; word-wrap: break-word;
} }
}
.send-control { .send-control {
position: absolute; position: absolute;
bottom: 10px; bottom: 12px;
right: 10px; right: 12px;
} }
} }

2
src/tpl/read.html
View File

@ -19,7 +19,7 @@
<div class="seperator-line"></div> <div class="seperator-line"></div>
<div class="mail-text-body"> <div class="body">
<p ng-repeat="part in selected.bodyDisplayParts track by $index"> <p ng-repeat="part in selected.bodyDisplayParts track by $index">
<span ng-switch="part.length !== 0"> <span ng-switch="part.length !== 0">
<span ng-switch-when="true">{{part}}</span> <span ng-switch-when="true">{{part}}</span>

2
src/tpl/write.html
View File

@ -21,7 +21,7 @@
</button> </button>
</div><!--/.subject-box--> </div><!--/.subject-box-->
<div class="mail-text-body"> <div class="body">
<p ng-model="body" contentEditable="true" ng-change="updatePreview()" tabindex="4"></p> <p ng-model="body" contentEditable="true" ng-change="updatePreview()" tabindex="4"></p>
<div class="encrypt-preview"> <div class="encrypt-preview">