this post was submitted on 12 Jun 2023
9 points (90.9% liked)

Reddit

13633 readers
1 users here now

founded 5 years ago
MODERATORS
 

Apparently Lemmy copied the new reddit layout which shoves everything into the middle of the screen and wastes a massive amount of space. Even on the monitor I oriented vertically this is the case: the post I'm typing right now is using like 30% of the available screen real-estate and wasting the other 2/3rds.

My philosophy has always been that if reddit removed support for the old style, that's when I'd stop using reddit. Switching to Lemmy is like switching to new reddit though.

I made an account, but I can't really see using this as a replacement. I'd guess (but I might be wrong) that the type of people clinging to the old reddit style are also the most likely to do something like switch to Lemmy out of principle.

(I looked around and it doesn't seem like there are any browser addons or userscripts to restyle it either.)

you are viewing a single comment's thread
view the rest of the comments
[โ€“] altf3 2 points 1 year ago (1 children)

Just delete the container-lg class off the first div you see it on in the app and make a userstyle.

[โ€“] Kerfuffle 2 points 1 year ago

There are hacks that can make it somewhat better, but people usually only put the effort into doing that kind of stuff when they're already committed to using something. So that's not really going to encourage people to switch.

This is what I came up with Stylebot but it doesn't make the experience good, it just makes it somewhat less bad.

@media (min-width:1200px), (min-width: 992px), (min-width:768px), (min-width: 576px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 100%;
  margin-left: 8em;
  margin-right: 1em;
  }
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 100%;
  margin-left: 8em;
  margin-right: 1em;
}

div.d-md-block {
  margin-top: 4em;
  padding-top: 4em;
  opacity: 0.04;
  max-width: 33.3%;
  font-size: 8t;
  margin: 1px;
}

div.d-md-block:hover {
  opacity: 0.8;
}