heartles/egirlskey
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

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