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; color: $color-grey-dark;
.headers { .headers {
margin-bottom: 1em;
p { p {
margin: 0px; margin: 0px;
padding: 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 { .seperator-line {
height: 1px; height: 1px;
color: $color-grey-lighter; color: $color-grey-lighter;
background-color: $color-grey-lighter; background-color: $color-grey-lighter;
margin-top: 1em;
margin-bottom: 1.75em;
} }
.body { .body {
margin-top: 1.75em;
cursor: text; cursor: text;
padding-bottom: 200px; padding-bottom: 200px;
line-height: 1.5em; 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="state.mailList.selected.attachments !== undefined && state.mailList.selected.attachments.length > 0">
<div ng-switch-when="true"> <div ng-switch-when="true">
<div class="attachments"> <div class="attachments">
<span ng-repeat="attachment in state.mailList.selected.attachments"> <span class="attachment" ng-repeat="attachment in state.mailList.selected.attachments" ng-click="download(attachment)">
<button ng-click="download(attachment)">{{attachment.filename}}</button> <span data-icon="&#xe003;"></span>
</span> {{attachment.filename}}
</div> </span><!--/.attachment-->
</div><!--/.attachments-->
</div> </div>
<div ng-switch-default> <div ng-switch-default>
<div class="seperator-line"></div> <div class="seperator-line"></div>
</div> </div>
</div> </div><!--/.ng-switch-->
<div class="body"> <div class="body">