Implement "seen by" functionality
This commit is contained in:
parent
e593b34326
commit
92ec6b0280
5 changed files with 139 additions and 2 deletions
|
|
@ -356,6 +356,40 @@ body {
|
|||
.quick-reaction-container .emoji {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.seen-by-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
height: 16px;
|
||||
.clickable {
|
||||
display: flex;
|
||||
height: 16px;
|
||||
}
|
||||
div {
|
||||
height: 16px;
|
||||
}
|
||||
margin-top: 3px;
|
||||
.more {
|
||||
margin-right: 10px;
|
||||
color: #444444;
|
||||
font-size: 12px;
|
||||
}
|
||||
.seen-by-user {
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
margin-left: -5px !important;
|
||||
vertical-align: top;
|
||||
}
|
||||
.list-enter-active,
|
||||
.list-leave-active {
|
||||
transition: all 1s;
|
||||
}
|
||||
.list-enter, .list-leave-to /* .list-leave-active below version 2.1.8 */ {
|
||||
opacity: 0;
|
||||
transform: translateX(24px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.messageIn {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue