search

bluesky-social / social-app

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

Move the scroll up button to the right side? #6319

Open victor-ponamariov opened 2 weeks ago

victor-ponamariov commented 2 weeks ago

Describe the Feature

It's pretty common pattern to look for the button on the right side.

I've even noticed it accidentally.

CleanShot 2024-11-14 at 04 58 45@2x

Attachments

No response

Describe Alternatives

No response

Additional Context

No response

SaySayTakamura commented 2 weeks ago

A toggle would be good for this, leaving it to the user to choose which side they want the button to be on, as some will preffer it on the left side and others might preffer on the right side.

reetp commented 2 weeks ago

On/off would be a help as well.

Forever hitting it accidentally. Grrrrr.

grndkntrl commented 2 days ago

If you have the Stylus browser extension installed then you can create a userstyle.css for BS to shift it to wherever you want.

This is the rule I use for shifting it to the very left of the page:

button[aria-label="Load new posts"]
{
    left: 7px !important;
    right: auto !important;
    bottom: 7px !important;
}

button[aria-label="Scroll to top"]
{
    left: 7px !important;
    right: auto !important;
    bottom: 7px !important;
}

If you want it to move to the right-hand side, then just switch the left/right values.

reetp commented 2 days ago

If you have the Stylus browser extension installed

I never use desktop.

Mobile only.

Still driving me insane!!

victor-ponamariov commented 2 days ago

If you have the Stylus browser extension installed then you can create a userstyle.css for BS to shift it to wherever you want.

This is the rule I use for shifting it to the very left of the page:

button[aria-label="Load new posts"]
{
  left: 7px !important;
  right: auto !important;
  bottom: 7px !important;
}

button[aria-label="Scroll to top"]
{
  left: 7px !important;
  right: auto !important;
  bottom: 7px !important;
}

If you want it to move to the right-hand side, then just switch the left/right values.

Well, sure there are many ways to change the view of an app, but Bluesky is used not only by those who knows what CSS is. I mean, No hard feelings, your solution will work.

I just proposed an idea when I noticed non-typical placement, maybe it'd better to move it to the right or do something else.