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:
parent
5cc0219ff2
commit
7b70b6c3cd
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue