prevent long email addresses from breaking admin table layout

This commit is contained in:
Kris 2020-08-04 16:47:50 -04:00
parent 0cda5b9d55
commit eb619c8e98
2 changed files with 12 additions and 6 deletions

View File

@ -19,9 +19,9 @@
</tr> </tr>
{{#each model as |l|}} {{#each model as |l|}}
<tr> <tr class="sent-email-item">
<td>{{format-date l.created_at}}</td> <td class="sent-email-date">{{format-date l.created_at}}</td>
<td> <td class="sent-email-username">
{{#if l.user}} {{#if l.user}}
{{#link-to "adminUser" l.user}}{{avatar l.user imageSize="tiny"}}{{/link-to}} {{#link-to "adminUser" l.user}}{{avatar l.user imageSize="tiny"}}{{/link-to}}
{{#link-to "adminUser" l.user}}{{l.user.username}}{{/link-to}} {{#link-to "adminUser" l.user}}{{l.user.username}}{{/link-to}}
@ -29,12 +29,12 @@
&mdash; &mdash;
{{/if}} {{/if}}
</td> </td>
<td> <td class="sent-email-address">
{{#if l.bounced}}{{d-icon "redo" title="admin.email.bounced"}}{{/if}} {{#if l.bounced}}{{d-icon "redo" title="admin.email.bounced"}}{{/if}}
<a href="mailto:{{l.to_address}}">{{l.to_address}}</a> <a href="mailto:{{l.to_address}}">{{l.to_address}}</a>
</td> </td>
<td>{{l.email_type}}</td> <td class="sent-email-type">{{l.email_type}}</td>
<td class="post-link"> <td class="sent-email-post-link">
{{#if l.post_url}} {{#if l.post_url}}
<a href={{l.post_url}}>{{l.post_description}}</a> <a href={{l.post_url}}>{{l.post_description}}</a>
<span class="reply-key">{{l.reply_key}}</span> <span class="reply-key">{{l.reply_key}}</span>

View File

@ -22,6 +22,12 @@
max-width: 200px; max-width: 200px;
@include ellipsis; @include ellipsis;
} }
.sent-email-address a {
// prevent long email addresses from breaking the layout
display: inline-block;
max-width: 300px;
overflow-wrap: break-word;
}
} }
.incoming-emails { .incoming-emails {