1
0
postdoc/app/javascript/stylesheets/_emails.scss

73 lines
1.2 KiB
SCSS
Raw Normal View History

2020-12-06 20:49:03 +01:00
.email {
padding: 0.25rem 1rem;
border: 1px solid $grey-400;
border-radius: 5px;
margin-bottom: 0.3rem;
background: $grey-100;
border: 2px solid $grey-400;
display: flex;
flex-wrap: nowrap;
&:hover {
background: $grey-200;
}
}
.email--no-chrome {
border: none;
background: none;
}
.email--unread {
border-left: 2px solid $warning-500;
}
.email__from {
@extend .text-overflow-truncate;
flex-basis: 15%;
margin-right: 0.5rem;
}
.email__to {
@extend .text-overflow-truncate;
flex-basis: 30%;
margin-right: 0.5rem;
}
.email__subject {
flex-basis: 50%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@extend .text-overflow-truncate;
}
.email__created-at {
flex-basis: 10%;
text-align: right;
@extend .text-overflow-truncate;
}
.email__preview {
border: 1px solid $grey-500;
border-radius: 5px;
overflow: hidden;
}
.email-address-list-entry {
border-radius: 10px;
padding: 0.125rem 0.35rem;
border: 1px solid $grey-500;
background: $grey-400;
}
.email__preview--plaintext {
font-family: monospace;
font-size: 1.125rem;
background: $grey-100;
padding: 1rem;
p:first-child {
margin-top: 0;
}
}