moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2024-11-29 20:32:15 -05:00
Code Issues Releases Wiki Activity

Display text body preview in desktop mode

Browse Source
This commit is contained in:
Mario Volke 2014-11-10 18:10:10 +01:00 committed by Tankred Hase
parent 82f02312ea
commit aaf3743665
2 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/sass/blocks/views/_mail-list.scss
View File

@ -265,6 +265,9 @@
font-weight: bold; font-weight: bold;
padding-right: 90px; // to make room for time padding-right: 90px; // to make room for time
padding-bottom: 8px; padding-bottom: 8px;
& > span {
display: none;
}
} }
&__time { &__time {
@include scut-truncate; @include scut-truncate;
@ -406,12 +409,20 @@
display: table-cell; display: table-cell;
border-bottom: 1px solid $color-border-light; border-bottom: 1px solid $color-border-light;
padding: $cell-padding-vertical $cell-padding-horizontal; padding: $cell-padding-vertical $cell-padding-horizontal;
width: 25%;
} }
&__subject { &__subject {
@include scut-truncate; @include scut-truncate;
display: table-cell; display: table-cell;
border-bottom: 1px solid $color-border-light; border-bottom: 1px solid $color-border-light;
padding: $cell-padding-vertical $cell-padding-horizontal; padding: $cell-padding-vertical $cell-padding-horizontal;
& > strong {
font-weight: normal;
}
& > span {
margin-left: 0.5em;
color: $color-text-light;
}
} }
&__time { &__time {
display: table-cell; display: table-cell;
@ -439,6 +450,12 @@
.mail-list-entry__name { .mail-list-entry__name {
font-weight: bold; font-weight: bold;
} }
.mail-list-entry__subject {
font-weight: normal;
& > strong {
font-weight: bold;
}
}
} }
&--attachment { &--attachment {
.mail-list-entry__attachment > svg { .mail-list-entry__attachment > svg {

7
src/tpl/mail-list.html
View File

@ -52,7 +52,12 @@
</li> </li>
</ul> </ul>
<h3 class="mail-list-entry__name">{{email.from[0].name || email.from[0].address}}</h3> <h3 class="mail-list-entry__name">{{email.from[0].name || email.from[0].address}}</h3>
<div class="mail-list-entry__subject">{{email.subject || 'No subject'}}</div> <div class="mail-list-entry__subject">
<strong>{{email.subject || 'No subject'}}</strong>
<span>
{{email.body ? email.body.substr(0, 200) : ''}}
</span>
</div>
<div class="mail-list-entry__attachment"> <div class="mail-list-entry__attachment">
<svg><use xlink:href="#icon-attachment" /><title>Attachments</title></svg> <svg><use xlink:href="#icon-attachment" /><title>Attachments</title></svg>
</div> </div>