monkee.ch/monkeeShark
1
0
Fork 0
Code Pull requests Activity

fix: newNoteReceived indicator causes Layout Shift (#9843)

Browse source 
* 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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/frontend/src/pages/antenna-timeline.vue
View file

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

5
packages/frontend/src/pages/timeline.vue
View file

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

1
packages/frontend/src/pages/user-list-timeline.vue
View file

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