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

View File

@ -543,6 +543,14 @@ function noteClick(e) {
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 {
--avatarSize: 38px;
.avatar-container {

View File

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