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

Merge branch 'misc-style-fixes-or-changes' into shigusegubu-themes3

Browse source
This commit is contained in:
Henry Jameson 2025-08-15 09:34:09 +03:00
commit 30a668de7a
5 changed files with 12 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

1
changelog.d/visual.change
View file

@ -2,3 +2,4 @@ Combined subject and content fields in post form (visually)
Fixes for some elements not scaling with user UI scale Fixes for some elements not scaling with user UI scale
Moved post form's emoji button into input field Moved post form's emoji button into input field
Minor visual changes and fixes Minor visual changes and fixes
Clicking on fav/rt/emoji notifications' contents expands/collapses it

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

@ -1,9 +1,4 @@
// TODO Copypaste from Status, should unify it somehow // TODO Copypaste from Status, should unify it somehow
.NotificationParent {
&.-expandable {
cursor: pointer;
}
}
.Notification { .Notification {
border-bottom: 1px solid; border-bottom: 1px solid;
@ -11,6 +6,9 @@
overflow-wrap: break-word; overflow-wrap: break-word;
text-wrap: pretty; text-wrap: pretty;
.status-content {
cursor: pointer;
}
&.Status { &.Status {
/* stylelint-disable-next-line declaration-no-important */ /* stylelint-disable-next-line declaration-no-important */

3
src/components/notification/notification.vue
View file

@ -13,7 +13,6 @@
class="NotificationParent" class="NotificationParent"
:class="{ '-expandable': expandable }" :class="{ '-expandable': expandable }"
:aria-controls="'notif-' +notification.id" :aria-controls="'notif-' +notification.id"
@click="toggleStatusExpanded()"
v-else v-else
> >
<div <div
@ -254,9 +253,11 @@
/> />
<template v-else> <template v-else>
<StatusContent <StatusContent
class="status-content"
:compact="!statusExpanded" :compact="!statusExpanded"
:status="notification.status" :status="notification.status"
:collapse="statusExpanded" :collapse="statusExpanded"
@click="toggleStatusExpanded()"
/> />
</template> </template>
</div> </div>

4
src/components/status_action_buttons/action_button.scss
View file

@ -26,8 +26,8 @@
align-self: stretch; align-self: stretch;
width: 1px; width: 1px;
background-color: var(--icon); background-color: var(--icon);
margin-left: 1em; margin-left: 0.75em;
margin-right: 0.5em; margin-right: 0.125em;
} }
&.-pin { &.-pin {

11
src/components/user_card/user_card.scss
View file

@ -205,9 +205,6 @@
line-height: 2em; line-height: 2em;
padding: 0.6em; padding: 0.6em;
margin: -0.6em; margin: -0.6em;
filter: drop-shadow(0 0 5em var(--profileTint))
drop-shadow(0 0 0.5em var(--profileTint))
drop-shadow(0 0 0.2em var(--profileTint));
&.edit-banner-button { &.edit-banner-button {
width: auto; width: auto;
@ -273,10 +270,9 @@
// big one // big one
z-index: 1; z-index: 1;
line-height: 2em; line-height: 2em;
text-shadow: filter: drop-shadow(0 0 5em var(--profileTint))
0 0 1em var(--profileTint), drop-shadow(0 0 0.5em var(--profileTint))
0 0 0.5em var(--profileTint), drop-shadow(0 0 0.2em var(--profileTint));
0 0 0.2em var(--profileTint);
.alert { .alert {
text-shadow: none; text-shadow: none;
@ -343,6 +339,7 @@
font-size: 0.9em; font-size: 0.9em;
font-size: calc(max(90%, 2.5cqw)); font-size: calc(max(90%, 2.5cqw));
line-height: 1.5; line-height: 1.5;
margin-top: 0.5em;
} }
.lock-icon { .lock-icon {