Better post clipping

This commit is contained in:
Freeplay 2023-06-05 13:11:14 -04:00
parent de65c3c3f6
commit 807093b94c
3 changed files with 23 additions and 7 deletions

View File

@ -559,7 +559,7 @@ onUnmounted(() => {
inset: 0px 8px; inset: 0px 8px;
} }
&:not(.max-width_450px)::before { &:not(.max-width_450px)::before {
bottom: 12px; bottom: 16px;
} }
&:first-of-type::before { &:first-of-type::before {
top: 12px; top: 12px;
@ -614,8 +614,16 @@ onUnmounted(() => {
font-size: 0.9em; font-size: 0.9em;
} }
&.max-width_450px { &.max-width_450px {
> .reply-to:first-child { > .reply-to {
padding-top: 14px; &::before {
inset-inline: -24px;
}
&:first-child {
padding-top: 14px;
&::before {
top: -24px;
}
}
} }
> :deep(.note-container) { > :deep(.note-container) {

View File

@ -543,6 +543,14 @@ function noteClick(e) {
border-radius: var(--radius); border-radius: var(--radius);
} }
} }
&.reply-to {
> .main > .body {
margin-left: calc(0px - var(--avatarSize) - 38px);
padding-left: calc(var(--avatarSize) + 38px);
margin-top: -16px;
padding-top: 16px;
}
}
&.reply { &.reply {
--avatarSize: 38px; --avatarSize: 38px;
.avatar-container { .avatar-container {

View File

@ -348,10 +348,10 @@ function focusFooter(ev) {
black calc(100% - 64px), black calc(100% - 64px),
transparent transparent
); );
padding-inline: 50px; padding-inline: 100px;
margin-inline: -50px; margin-inline: -100px;
margin-top: -50px; margin-top: -100px;
padding-top: 50px; padding-top: 100px;
overflow: hidden; overflow: hidden;
user-select: none; user-select: none;
-webkit-user-select: none; -webkit-user-select: none;