fix: newNoteReceived indicator causes Layout Shift (#9843)

* fix: newNoteReceived indicator causes Layout Shift

* chore: tweak position

* chore: apply to user-list-timeline

* style: unitless

* chore: apply to antenna-timeline

* fix: redundant margin
This commit is contained in:
Acid Chicken (硫酸鶏) 2023-02-11 10:36:14 +09:00 committed by GitHub
parent 5cc0219ff2
commit 7b70b6c3cd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 0 deletions

View file

@ -98,6 +98,7 @@ definePageMetadata(computed(() => antenna ? {
top: calc(var(--stickyTop, 0px) + 16px);
z-index: 1000;
width: 100%;
margin: calc(-0.675em - 8px - var(--margin)) 0 calc(-0.675em - 8px);
> button {
display: block;

View file

@ -177,6 +177,11 @@ definePageMetadata(computed(() => ({
top: calc(var(--stickyTop, 0px) + 16px);
z-index: 1000;
width: 100%;
margin: calc(-0.675em - 8px) 0;
&:first-child {
margin-top: calc(-0.675em - 8px - var(--margin));
}
> button {
display: block;

View file

@ -91,6 +91,7 @@ definePageMetadata(computed(() => list ? {
top: calc(var(--stickyTop, 0px) + 16px);
z-index: 1000;
width: 100%;
margin: calc(-0.675em - 8px - var(--margin)) 0 calc(-0.675em - 8px);
> button {
display: block;