bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add emojiReact popup and call action code

Browse source
This commit is contained in:
Alex Gleason 2020-05-20 15:52:46 -05:00
parent 6d48537d54
commit 1901d39871
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
4 changed files with 33 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/gabsocial/features/status/components/action_bar.js
View file

Binary file not shown.

BIN
app/gabsocial/features/status/index.js
View file

Binary file not shown.

1
app/styles/gabsocial/components.scss
View file

@ -2790,6 +2790,7 @@ a.status-card.compact:hover {
.detailed-status__button { .detailed-status__button {
flex: 1 1 auto; flex: 1 1 auto;
text-align: center; text-align: center;
position: relative;
} }
.column-settings__outer { .column-settings__outer {

32
app/styles/gabsocial/components/emoji-reacts.scss
View file

@ -53,3 +53,35 @@
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
} }
.emoji-react-selector {
position: absolute;
bottom: 100%;
display: flex;
background-color: #fff;
padding: 8px;
border-radius: 9999px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
opacity: 0;
pointer-events: none;
transition: 0.1s;
&__emoji {
display: block;
padding: 0 2px;
border: 0;
background: transparent;
img {
width: 30px;
height: 30px;
}
}
}
.detailed-status__button--favourite:hover {
.emoji-react-selector {
opacity: 1;
pointer-events: all;
}
}