PieFed Meta

I made it float with this css tweak:

#side_pane div:nth-child(1) div div.row.mb-2 div:nth-child(1) a {  
  position: fixed;  
  top: 17vh;  
  left: 77vw;  
  max-width: 60pt;  
  overflow: hidden;  
  z-index: 999;  
  box-shadow: 5pt 5pt 30pt black;  
}  

Piefed's web UI tries to be responsive to the screen size it is being displayed on. So, as the screen size changes, so does the layout. To see what I mean, it is easiest If you are on a desktop. I primarily use firefox, so that is what these instructions are for, but other browsers have similar functionality.

First, open up a piefed community (like !piefed_meta@piefed.social) and then hit ctrl+shift+m to go into an emulated mobile view. This lets you shrink and expand the size of your emulated screen. You can make it big like a desktop, wide like a landscape tablet, or tall and narrow like a phone. As you grow and shrink your "screen", you should see elements of the page change layout, shape, disappear or appear in response. You can also click the "Responsive" part of the bar displayed at the top of the browser and change it to some pre-defined device sizes.

The sidebar where the "Create Post" button normally lives on desktop goes away, down to the bottom of the page as your screen width shrinks. So, to have a way to be able to make a post without scrolling all the way to the bottom, we stick it in an Options dropdown along with several other things that get hidden as the UI needs to become more dense (like layout and filters). This might not be the optimal solution, but we are always open to ways to improve the UI. It is probably an area where we could use the most input from regular (non-technical) users.

It's also available from the Options drop-down.