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

implement attachment read css

This commit is contained in:
Tankred Hase 2014-02-06 01:04:50 +01:00
parent 6514017358
commit 34f0551d6f
2 changed files with 40 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,6 +5,8 @@
color: $color-grey-dark;
.headers {
margin-bottom: 1em;
p {
margin: 0px;
padding: 0px;
@ -36,15 +38,45 @@
}
}
.attachments {
width: inherit;
border: 1px;
border-style: solid;
border-color: $color-grey-lighter;
min-height: em(44);
.attachment {
line-height: 42px;
border-radius: 15px;
vertical-align: middle;
margin: 5px 0 5px 5px;
padding: 5px 10px 5px 10px;
border: 1px;
border-style: solid;
border-color: $color-grey-lighter;
span {
font-size: 14px;
color: $color-grey-input;
vertical-align: middle;
}
&:hover,
&:focus {
background-color: darken($color-white, 3%);
cursor: pointer;
}
}
}
.seperator-line {
height: 1px;
color: $color-grey-lighter;
background-color: $color-grey-lighter;
margin-top: 1em;
margin-bottom: 1.75em;
}
.body {
margin-top: 1.75em;
cursor: text;
padding-bottom: 200px;
line-height: 1.5em;

11
src/tpl/read.html
View File

@ -24,15 +24,16 @@
<div ng-switch="state.mailList.selected.attachments !== undefined && state.mailList.selected.attachments.length > 0">
<div ng-switch-when="true">
<div class="attachments">
<span ng-repeat="attachment in state.mailList.selected.attachments">
<button ng-click="download(attachment)">{{attachment.filename}}</button>
</span>
</div>
<span class="attachment" ng-repeat="attachment in state.mailList.selected.attachments" ng-click="download(attachment)">
<span data-icon="&#xe003;"></span>
{{attachment.filename}}
</span><!--/.attachment-->
</div><!--/.attachments-->
</div>
<div ng-switch-default>
<div class="seperator-line"></div>
</div>
</div>
</div><!--/.ng-switch-->
<div class="body">