59 lines
1.2 KiB
SCSS
Raw Normal View History

2020-01-13 16:24:38 +09:00
.message-list {
&.list-item {
dl {
position: relative;
2020-01-13 16:24:38 +09:00
display: flex;
flex-flow: column;
flex: 1 1 auto;
width: calc(100% - 90px);
2020-01-13 16:24:38 +09:00
dt {
.name {
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 {
display: flex;
2020-01-13 16:24:38 +09:00
width: 100%;
position: relative;
justify-items: center;
2020-01-20 18:54:24 +09:00
.mat-icon{
font-size:18px;
}
.final-message {
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
overflow: hidden;
}
2020-01-13 16:24:38 +09:00
}
}
.date {
display: flex;
flex-flow: column;
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
}
}
}
}