(html,css) Improve display of mail attachments

Added extension of file in a small frame
pull/186/head
Francis Lachapelle 2016-01-06 12:24:34 -05:00
parent c65a9155be
commit 0bbdd01025
2 changed files with 11 additions and 5 deletions

View File

@ -6,8 +6,8 @@
xmlns:label="OGo:label">
<md-card>
<md-card-content>
<img var:src="mimeImageURL"/>
<p class="md-caption">
<p class="md-caption" var:title="filenameForDisplay">
<span class="sg-label-outline"><var:string value="preferredPathExtension"/></span>
<var:string value="filenameForDisplay"/>
</p>
</md-card-content>
@ -17,11 +17,11 @@
</div>
<md-button class="sg-icon-button" var:href="pathToAttachment" target="_blank">
<md-tooltip md-direction="left"><var:string label:value="View Attachment"/></md-tooltip>
<md-icon>open_in_browser</md-icon>
<md-icon>open_in_new</md-icon>
</md-button>
<md-button class="sg-icon-button" var:href="pathForDownload">
<md-tooltip md-direction="left"><var:string label:value="Save Attachment"/></md-tooltip>
<md-icon>save</md-icon>
<md-icon>file_download</md-icon>
</md-button>
</md-dialog-actions>

View File

@ -180,13 +180,19 @@ md-sidenav {
}
.mailer_mailcontent {
@extend .sg-md-body-multi;
md-card {
md-card-content {
padding: $baseline-grid;
p {
@extend .md-caption;
line-height: $sg-line-height-2;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
.sg-label-outline {
border-color: $colorGrey400;
color: $colorGrey600;
}
}
}
}