53 lines
1.0 KiB
SCSS
Raw Normal View History

2020-01-13 16:24:38 +09:00
.message-list {
&.list-item {
dl {
display: flex;
flex-flow: column;
flex: 1 1 auto;
width: calc(100% - 80px);
dt {
.name {
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: block;
white-space: nowrap;
word-wrap: normal;
font-weight: 600;
span {
font-size: 13px;
}
}
}
dd {
color: #777777;
margin-top: 4px;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
display: block;
width: 100%;
position: relative;
overflow: hidden;
}
}
.date {
display: flex;
flex-flow: column;
align-self: flex-start;
.badge-new {
border-radius: 50%;
color: #ffffff;
padding: 0;
text-align: center;
align-self: flex-end;
width: 20px;
height: 20px;
font-size: 12px;
margin-top: 4px;
}
}
}
}