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

Add emoji reacts page

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2021-09-06 21:54:48 +02:00
parent e652de227c
commit c80f87efaa
13 changed files with 22 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/soapbox/actions/interactions.js
View file

Binary file not shown.

BIN
app/soapbox/components/account.js
View file

Binary file not shown.

BIN
app/soapbox/components/column_back_button.js
View file

Binary file not shown.

BIN
app/soapbox/features/reactions/index.js Normal file
View file

Binary file not shown.

BIN
app/soapbox/features/status/components/status_interaction_bar.js
View file

Binary file not shown.

BIN
app/soapbox/features/ui/components/column.js
View file

Binary file not shown.

BIN
app/soapbox/features/ui/index.js
View file

Binary file not shown.

BIN
app/soapbox/features/ui/util/async-components.js
View file

Binary file not shown.

BIN
app/soapbox/reducers/__tests__/user_lists-test.js
View file

Binary file not shown.

BIN
app/soapbox/reducers/user_lists.js
View file

Binary file not shown.

7
app/styles/accounts.scss
View file

@ -216,6 +216,13 @@
.account__avatar-wrapper {
float: left;
margin-right: 12px;
.emoji-react__emoji {
position: absolute;
top: 36px;
left: 32px;
z-index: 1;
}
}
.account__avatar {

4
app/styles/components/emoji-reacts.scss
View file

@ -1,6 +1,8 @@
.emoji-react {
display: inline-block;
transition: 0.1s;
color: var(--primary-text-color--faint);
text-decoration: none;
&__emoji {
img {
@ -20,8 +22,6 @@
}
.emoji-react--reblogs {
color: var(--primary-text-color--faint);
text-decoration: none;
vertical-align: middle;
display: inline-flex;

14
app/styles/ui.scss
View file

@ -611,7 +611,8 @@
.notification__filter-bar,
.search__filter-bar,
.account__section-headline {
.account__section-headline,
.reaction__filter-bar {
border-bottom: 1px solid var(--brand-color--faint);
cursor: default;
display: flex;
@ -661,6 +662,17 @@
}
}
.reaction__filter-bar {
overflow-x: auto;
overflow-y: hidden;
a {
flex: unset;
padding: 15px 24px;
min-width: max-content;
}
}
::-webkit-scrollbar-thumb {
border-radius: 0;
}