moparisthebest
/
mail
mirror of https://github.com/moparisthebest/mail
1
0
Fork 0
Code Issues Releases Wiki Activity

Use flexbox in write-view

This commit is contained in:
Tankred Hase 2014-04-22 13:03:54 +02:00
parent c6c53a67dc
commit d0c59fc58f
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,6 @@
.view-write { .view-write {
display: flex;
flex-direction: column;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
color: $color-grey-dark; color: $color-grey-dark;
@ -19,6 +21,7 @@
} }
.headers { .headers {
flex-shrink: 0;
margin-top: 10px; margin-top: 10px;
p { p {
@ -38,6 +41,7 @@
} }
.subject-box { .subject-box {
flex-shrink: 0;
position: relative; position: relative;
margin: 20px 0 7px 0; margin: 20px 0 7px 0;
width: inherit; width: inherit;
@ -47,7 +51,6 @@
height: em(44); height: em(44);
.subject-line { .subject-line {
float: left;
padding: 10px; padding: 10px;
width: 80%; width: 80%;
color: $color-grey; color: $color-grey;
@ -82,6 +85,7 @@
} }
.attachments-box { .attachments-box {
flex-shrink: 0;
position: relative; position: relative;
margin: 0 0 5px 0; margin: 0 0 5px 0;
width: inherit; width: inherit;
@ -126,13 +130,10 @@
} }
.body { .body {
flex-grow: 1;
line-height: 1.5em; line-height: 1.5em;
cursor: text; cursor: text;
overflow-y: scroll;
@include respond-to(desktop) {
height: 445px;
overflow-y: scroll;
}
*[contentEditable] { *[contentEditable] {
outline: 0px; outline: 0px;

2
src/tpl/write.html
View File

@ -19,7 +19,7 @@
<input id="cc{{$index}}" value="{{recipient.address}}" ng-model="recipient.address" ng-trim="false" ng-class="{'label': recipient.secure === true, 'label label-primary': recipient.secure === false && recipient.valid !== true}" auto-size="recipient.address" spellcheck="false" ng-change="onAddressUpdate(cc, $index)" address-input="cc" tabindex="1" ng-mouseover="getKeyId(recipient)"> <input id="cc{{$index}}" value="{{recipient.address}}" ng-model="recipient.address" ng-trim="false" ng-class="{'label': recipient.secure === true, 'label label-primary': recipient.secure === false && recipient.valid !== true}" auto-size="recipient.address" spellcheck="false" ng-change="onAddressUpdate(cc, $index)" address-input="cc" tabindex="1" ng-mouseover="getKeyId(recipient)">
</span> </span>
</p> </p>
</div><!--/.address-headers--> </div><!--/.headers-->
<div class="subject-box"> <div class="subject-box">
<div class="subject-line"> <div class="subject-line">