56 lines
1.1 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: 1.1em;
2020-01-13 16:24:38 +09:00
overflow: hidden;
text-overflow: ellipsis;
display: block;
white-space: nowrap;
word-wrap: normal;
font-weight: 600;
margin-bottom: 2px;
2020-01-13 16:24:38 +09:00
span {
font-size: 0.9em;
2020-01-13 16:24:38 +09:00
}
}
}
dd {
color: #777777;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
display: block;
width: 100%;
position: relative;
overflow: hidden;
font-size: 0.9em;
2020-01-13 16:24:38 +09:00
}
}
.date {
display: flex;
flex-flow: column;
font-size: 0.9em;
height: 40px;
.noti-new {
2020-01-13 16:24:38 +09:00
border-radius: 50%;
color: #ffffff;
padding: 0;
text-align: center;
align-self: flex-end;
align-items: center;
2020-01-13 16:24:38 +09:00
width: 20px;
height: 20px;
font-size: 0.9em;
margin-top: 3px;
2020-01-13 16:24:38 +09:00
}
}
}
}