qugalet/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix emoji size incosistencies and proper scaling support

Browse source
This commit is contained in:
Henry Jameson 2024-12-19 14:43:27 +02:00
parent 5a8eae4510
commit c698dec89d
7 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
changelog.d/emoji-size.fix Normal file
View file

@ -0,0 +1 @@
fix emoji inconsistencies in notifications, fix some emoji not scaling with interface

2
src/components/basic_user_card/basic_user_card.vue
View file

@ -48,7 +48,7 @@
flex: 1 0; flex: 1 0;
margin: 0; margin: 0;
--emoji-size: 14px; --emoji-size: 1em;
&-collapsed-content { &-collapsed-content {
margin-left: 0.7em; margin-left: 0.7em;

2
src/components/chat_title/chat_title.vue
View file

@ -32,7 +32,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
--emoji-size: 14px; --emoji-size: 1em;
.username { .username {
max-width: 100%; max-width: 100%;

2
src/components/notification/notification.scss
View file

@ -10,7 +10,7 @@
background-color: transparent !important; background-color: transparent !important;
} }
--emoji-size: 14px; --emoji-size: 1em;
&:hover { &:hover {
--_still-image-img-visibility: visible; --_still-image-img-visibility: visible;

2
src/components/status/status.scss
View file

@ -72,7 +72,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
--_still_image-label-scale: 0.25; --_still_image-label-scale: 0.25;
--emoji-size: 14px; --emoji-size: 1em;
} }
.status-favicon { .status-favicon {

2
src/components/status_body/status_body.scss
View file

@ -113,7 +113,7 @@
align-items: top; align-items: top;
flex-direction: row; flex-direction: row;
--emoji-size: 16px; --emoji-size: calc(var(--emojiSize, 32px) / 2);
& .body, & .body,
& .attachments { & .attachments {

2
src/components/user_list_popover/user_list_popover.vue
View file

@ -51,7 +51,7 @@
.user-list-popover { .user-list-popover {
padding: 0.5em; padding: 0.5em;
--emoji-size: 16px; --emoji-size: calc(var(--emojiSize, 32px) / 2);
.user-list-row { .user-list-row {
padding: 0.25em; padding: 0.25em;