(html,css) Improve display of mail attachments

Added extension of file in a small frame
This commit is contained in:
Francis Lachapelle committed 2016-01-06 12:24:34 -05:00
1 parent c65a9155be
commit 0bbdd01025
2 files changed
+11 -5

No files matched your search

@@ -6,8 +6,8 @@
xmlns:label="OGo:label"> xmlns:label="OGo:label">
<md-card> <md-card>
<md-card-content> <md-card-content>
<img var:src="mimeImageURL"/> <p class="md-caption" var:title="filenameForDisplay">
<p class="md-caption"> <span class="sg-label-outline"><var:string value="preferredPathExtension"/></span>
<var:string value="filenameForDisplay"/> <var:string value="filenameForDisplay"/>
</p> </p>
</md-card-content> </md-card-content>
@@ -17,11 +17,11 @@
</div> </div>
<md-button class="sg-icon-button" var:href="pathToAttachment" target="_blank"> <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-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>
<md-button class="sg-icon-button" var:href="pathForDownload"> <md-button class="sg-icon-button" var:href="pathForDownload">
<md-tooltip md-direction="left"><var:string label:value="Save Attachment"/></md-tooltip> <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-button>
</md-dialog-actions> </md-dialog-actions>
@@ -180,13 +180,19 @@ md-sidenav {
} }
.mailer_mailcontent { .mailer_mailcontent {
@extend .sg-md-body-multi;
md-card { md-card {
md-card-content { md-card-content {
padding: $baseline-grid; padding: $baseline-grid;
p { p {
@extend .md-caption;
line-height: $sg-line-height-2;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap;
.sg-label-outline {
border-color: $colorGrey400;
color: $colorGrey600;
}
} }
} }
} }