discourse/app/assets/stylesheets/common/admin/emails.scss
Martin Brennan d2ddb140dd
FEATURE: Show SMTP response on admin email sent list and rearrange columns (#17143)
Follow up to 4d3c1ceb44, this commit
shows the SMTP response in the admin email sent list and also moves the
topic/post link into a new column. Reply key is now in its own column.
2022-08-03 08:11:54 +10:00

132 lines
2.0 KiB
SCSS

// Styles for admin/emails
// Emails
.email-list {
.filters input {
width: 100%;
}
.time {
width: 50px;
}
.reply-key {
display: block;
font-size: $font-down-1;
color: var(--primary-medium);
}
.username div {
max-width: 180px;
@include ellipsis;
}
.addresses p {
margin: 2px 0;
max-width: 200px;
@include ellipsis;
}
.sent-email-address a {
// prevent long email addresses from breaking the layout
display: inline-block;
max-width: 300px;
overflow-wrap: break-word;
}
.email-address {
max-width: 250px;
@include ellipsis;
}
.email-details {
text-align: right;
a {
color: var(--primary-high);
}
}
}
.incoming-emails {
.control-group {
margin: 8px 0;
}
.controls {
margin-left: 110px;
}
p {
margin: 5px 10px;
}
.error-description {
color: var(--primary-medium);
font-size: $font-down-1;
}
hr {
margin: 0;
}
label {
font-weight: bold;
float: left;
width: 100px;
text-align: right;
margin: 0 10px;
}
ul {
list-style: none;
margin: 0 10px;
}
textarea {
width: 95%;
height: 150px;
font-family: monospace;
box-shadow: none;
}
}
.admin-list-item {
width: 100%;
border-top: 1px solid var(--primary-low);
padding: 0.25em 0;
}
.email-preview-digest {
.controls {
margin: 1em 0.5em;
}
.preview-output iframe {
width: 100%;
height: 600px;
border-width: 1px;
}
}
.email-advanced-test {
.admin-controls {
display: block;
}
.email-body {
width: 95%;
height: 150px;
font-family: monospace;
}
}
.admin-email {
.email-list {
.sent-email-reply-key {
.reply-key {
word-break: break-word;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 125px;
}
}
.sent-email-post-link-with-smtp-response {
width: 100%;
display: inline-block;
word-break: break-word;
code {
font-size: var(--font-down-2);
}
}
}
}