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

Use SVG icons in more places

Browse source
This commit is contained in:
Alex Gleason 2021-09-27 23:47:43 -05:00
parent 280e6f93ab
commit d85b6742fa
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
23 changed files with 43 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

BIN
app/soapbox/features/admin/components/admin_nav.js
View file

Binary file not shown.

BIN
app/soapbox/features/admin/components/latest_accounts_panel.js
View file

Binary file not shown.

BIN
app/soapbox/features/admin/components/unapproved_account.js
View file

Binary file not shown.

BIN
app/soapbox/features/crypto_donate/components/crypto_address.js
View file

Binary file not shown.

BIN
app/soapbox/features/crypto_donate/components/detailed_crypto_address.js
View file

Binary file not shown.

BIN
app/soapbox/features/groups/removed_accounts/index.js
View file

Binary file not shown.

BIN
app/soapbox/features/notifications/components/notification.js
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/account_list_panel.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/profile_media_panel.js
View file

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

13
app/styles/accounts.scss
View file

@ -286,10 +286,13 @@ a .account__avatar {
height: auto;
padding: 0 0 0 5px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
.dismiss-account-btn {
display: block;
margin-bottom: 5px;
.svg-icon {
width: 20px;
height: 20px;
}
}
@ -546,7 +549,7 @@ a .account__avatar {
flex-shrink: 0;
color: var(--primary-text-color--faint);
i.fa-calendar {
padding-right: 5px;
.svg-icon {
padding-right: 3px;
}
}

12
app/styles/components/crypto-donate.scss
View file

@ -35,11 +35,12 @@
a {
color: var(--primary-text-color--faint);
margin-left: 10px;
margin-left: 8px;
}
i.fa {
font-size: 20px;
.svg-icon {
width: 18px;
height: 18px;
}
}
@ -69,6 +70,11 @@
background: var(--foreground-color);
border-radius: 8px;
padding-bottom: 13px;
.crypto-address__actions .svg-icon {
width: 22px;
height: 22px;
}
}
.profile-info-panel-content__fields {

4
app/styles/components/icon.scss
View file

@ -37,3 +37,7 @@
align-items: center;
justify-content: center;
}
.lineawesome--gavel path {
fill: currentColor;
}

8
app/styles/components/profile-info-panel.scss
View file

@ -29,9 +29,11 @@
align-items: center;
line-height: normal;
.fa {
margin-right: 8px;
font-size: 20px;
.svg-icon {
width: 22px;
height: 22px;
margin-right: 5px;
transform: translateY(-1px);
}
}

7
app/styles/components/profile-media-panel.scss
View file

@ -18,13 +18,18 @@
.media-panel-header {
display: flex;
align-items: baseline;
align-items: center;
margin-bottom: 10px;
padding: 15px 15px 0;
&__icon {
margin-right: 10px;
font-size: 20px;
&.svg-icon {
width: 20px;
height: 20px;
}
}
&__label {

5
app/styles/components/promo-panel.scss
View file

@ -30,6 +30,11 @@
}
}
i.fa {
font-size: 22px;
margin-right: 10px;
}
.svg-icon {
width: 24px;
height: 24px;

7
app/styles/components/video-player.scss
View file

@ -211,11 +211,16 @@
outline: 0;
flex: 0 0 auto;
background: transparent;
padding: 5px;
padding: 5px 6px;
font-size: 16px;
border: 0;
color: rgba(#fff, 0.75);
.svg-icon {
width: 20px;
height: 20px;
}
&:active,
&:hover,
&:focus {