HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

correct collapsed in reply to line alignment with small screen sizes

Browse source
This commit is contained in:
Sugar 2024-06-11 17:24:45 +02:00
parent 9ce2c8c081
commit 460e7f05ab
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/frontend/src/components/SkNote.vue
View file

@ -979,7 +979,7 @@ function emitUpdReaction(emoji: string, delta: number) {
.collapsedInReplyToLine {
position: absolute;
left: 56px;
left: calc(32px + .5 * var(--avatar));
// using solid instead of dotted, stylelistic choice
border-left: var(--thread-width) solid var(--thread);
top: calc(28px + 28px); // 28px of .root padding, plus 28px of avatar height (see SkNote)
@ -1169,7 +1169,7 @@ function emitUpdReaction(emoji: string, delta: number) {
}
.collapsedInReplyToLine {
left: 47px;
left: calc(26px + .5 * var(--avatar));
}
.article {
@ -1189,6 +1189,10 @@ function emitUpdReaction(emoji: string, delta: number) {
.footer {
margin-bottom: -8px;
}
.collapsedInReplyToLine {
left: calc(25px + .5 * var(--avatar));
}
}
@container (max-width: 500px) {
@ -1224,7 +1228,7 @@ function emitUpdReaction(emoji: string, delta: number) {
}
.collapsedInReplyToLine {
left: 45px;
left: calc(24px + .5 * var(--avatar));
}
.article {