Add emoji reaction bar into status view
This commit is contained in:
parent
092f9916b0
commit
df6de7daf5
5 changed files with 129 additions and 0 deletions
|
@ -1262,6 +1262,39 @@ body > [data-popper-placement] {
|
|||
}
|
||||
}
|
||||
|
||||
.status__emoji-reactions-bar {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin: 8px 0 2px 4px;
|
||||
|
||||
.emoji-reactions-bar__button {
|
||||
background: lighten($ui-base-color, 16%);
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
height: 20px;
|
||||
|
||||
&.toggled {
|
||||
background: darken($ui-primary-color, 16%);
|
||||
}
|
||||
|
||||
.emoji {
|
||||
display: block;
|
||||
height: 16px;
|
||||
img {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.count {
|
||||
display: block;
|
||||
margin: 0 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.status__action-bar {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue