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

add verification icon on verified users

Browse source
This commit is contained in:
Mary Kate 2020-08-05 12:08:52 -05:00
parent 19e3dc9ed3
commit c9b2b66283
4 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

19
app/styles/components/user-panel.scss
View file

@ -4,12 +4,21 @@
width: 265px; width: 265px;
flex-direction: column; flex-direction: column;
.user-panel__account__name {
display: inline;
}
.verified-icon {
opacity: 1;
}
&, &,
.user-panel__account__name, .user-panel__account__name,
.user-panel__account__username { .user-panel__account__username {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
color: var(--primary-text-color--faint);
} }
&__header { &__header {
@ -49,13 +58,13 @@
&__meta { &__meta {
display: block; display: block;
padding: 6px 20px 17px; padding: 6px 20px 17px;
opacity: 0.6; // opacity: 0.6;
} }
&__account { &__account {
a { a {
text-decoration: none; text-decoration: none;
color: var(--primary-text-color); color: var(--primary-text-color--faint);
} }
&__name { &__name {
@ -63,7 +72,7 @@
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
line-height: 24px; line-height: 24px;
color: var(--primary-text-color); color: var(--primary-text-color--faint);
} }
&:hover & { &:hover & {
@ -96,7 +105,7 @@
a { a {
text-decoration: none; text-decoration: none;
color: var(--primary-text-color); color: var(--primary-text-color--faint);
&:hover { &:hover {
opacity: 0.8; opacity: 0.8;
@ -106,7 +115,7 @@
&__value { &__value {
display: block; display: block;
width: 100%; width: 100%;
color: var(--primary-text-color); color: var(--primary-text-color--faint);
font-size: 20px; font-size: 20px;
font-weight: 800; font-weight: 800;
line-height: 24px; line-height: 24px;