moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2024-12-23 07:48:48 -05:00
Code Issues Releases Wiki Activity

Merge pull request #74 from whiteout-io/dev/subject-box

Browse Source 
refactored subject box
This commit is contained in:
Tankred Hase 2014-06-17 19:43:32 +02:00
commit 31d6d1e949
2 changed files with 21 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,15 +12,11 @@
height: 590px; // magic number
}
input {
border: 0!important;
p[field] input {
border: 0;
outline: none;
}
button {
border: 0!important;
}
.mail-addresses {
flex-shrink: 0;
margin-top: 10px;
@ -38,6 +34,7 @@
text-decoration: none;
color: $color-black;
transition: color 0.3s;
border: 0;
outline: 0;
&:hover,
@ -52,38 +49,33 @@
flex-shrink: 0;
position: relative;
margin: 20px 0 7px 0;
width: inherit;
border: 1px;
border-style: solid;
border-color: $color-grey-lighter;
height: em(44);
.subject-line {
padding: 10px;
width: 80%;
color: $color-grey;
}
.subject {
font-weight: bold;
width: 100%;
}
input[type=file] {
visibility: hidden;
width: 0;
height: 0;
position: absolute;
}
.input-text {
font-weight: bold;
width: 100%;
height: 40px;
padding-right: 10px + 5px + 30px;
}
.btn-attachment {
position: absolute;
top: 0;
right: 0;
padding: em(7.5) em(7.5) em(4) em(7.5);
margin: em(5);
top: 5px;
right: 5px;
padding: 0;
line-height: 30px;
width: 30px;
height: 30px;
font-size: 1em;
outline: 0;
&:before {
padding: 0;
}
&:active,
&.active {
top: 1px;

8
src/tpl/write.html
View File

@ -32,13 +32,9 @@
</div><!--/.mail-addresses-->
<div class="subject-box">
<div class="subject-line">
<input ng-model="subject" class="subject" spellcheck="true" tabindex="2" placeholder="Subject" ng-change="updatePreview()">
</div><!--/.subject-line-->
<input class="input-text" ng-model="subject" spellcheck="true" tabindex="2" placeholder="Subject" ng-change="updatePreview()">
<input id="attachment-input" type="file" multiple attachment-input>
<button class="btn btn-attachment" ng-class="{'btn-primary': sendBtnSecure === false}" attachment-btn>
<div data-icon="&#xe003;"></div>
</button><!--/.btn-attachment-->
<button class="btn btn-attachment" data-icon="&#xe003;" ng-class="{'btn-primary': sendBtnSecure === false}" attachment-btn></button>
</div><!--/.subject-box-->
<div class="attachments-box" ng-show="attachments.length > 0">