UX: handle large email addresses on email skipped and bounced tabs (#11259)

This commit is contained in:
Arpit Jalan 2020-11-17 18:01:40 +05:30 committed by GitHub
parent bd7cdd19e0
commit 2fde06ba08
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 2 deletions

View File

@ -27,7 +27,7 @@
— —
{{/if}} {{/if}}
</td> </td>
<td><a href="mailto:{{l.to_address}}">{{l.to_address}}</a></td> <td class="email-address"><a href="mailto:{{l.to_address}}">{{l.to_address}}</a></td>
{{#if l.has_bounce_key}} {{#if l.has_bounce_key}}
<td><a href {{action "showIncomingEmail" l.id}}>{{l.email_type}}</a></td> <td><a href {{action "showIncomingEmail" l.id}}>{{l.email_type}}</a></td>
{{else}} {{else}}

View File

@ -29,7 +29,7 @@
&mdash; &mdash;
{{/if}} {{/if}}
</td> </td>
<td><a href="mailto:{{l.to_address}}">{{l.to_address}}</a></td> <td class="email-address"><a href="mailto:{{l.to_address}}">{{l.to_address}}</a></td>
<td>{{l.email_type}}</td> <td>{{l.email_type}}</td>
<td> <td>
{{#if l.post_url}} {{#if l.post_url}}

View File

@ -28,6 +28,10 @@
max-width: 300px; max-width: 300px;
overflow-wrap: break-word; overflow-wrap: break-word;
} }
.email-address {
max-width: 250px;
@include ellipsis;
}
} }
.incoming-emails { .incoming-emails {