bluesky-social / social-app

The Bluesky Social application for Web, iOS, and Android
https://bsky.app
MIT License
13.49k stars 1.73k forks source link

Align "Load More Posts" button to the left edge of the main container #6902

Open nickbrit opened 19 hours ago

nickbrit commented 19 hours ago

Steps to Reproduce

  1. Go to the home page.
  2. Scroll down.
  3. Notice that the button is not aligned with the left edge of the main container.

Attachments

Screen Shot 2024-12-02 at 8 57 29 AM

What platform(s) does this occur on?

Web (Desktop)

Device Info

Mac

What version of the app are you using?

Web

Additional Information

Currently, the "Load More Posts" button does not align properly with the left edge of the main container.

Make sure the alignment adjusts correctly for different screen sizes and respects the container's padding/margin rules.

khuddite commented 19 hours ago

@nickbrit It seems your screenshot doesn't quite match your description, which button did you mean by "Load More Posts" button? Did you mean the "Scroll to top" button that has the up arrow icon in it?

nickbrit commented 18 hours ago

@khuddite yes, I meant this button.

I named it 'Load new posts' because that's what the aria-label says. But yes, it looks like a 'Scroll to top' button. However, it doesn't just scroll to the top; it also updates the content, which makes it confusing.