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.)

  • altf3
    link
    fedilink
    English
    arrow-up
    2
    ·
    1 year ago

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

    • KerfuffleOP
      link
      fedilink
      English
      arrow-up
      2
      ·
      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;
      }
      
  • Shikadi@wirebase.org
    link
    fedilink
    English
    arrow-up
    2
    ·
    1 year ago

    I feel similar, although I think this is still better than new Reddit, I would prefer old Reddit like style

  • F09385BF@lemmy.film
    link
    fedilink
    English
    arrow-up
    1
    ·
    1 year ago

    You might be right with desktop users, but I’m guessing now that lemmy is gaining traction more people will want to change the UI like you. For now, I bet a lot of the users are on mobile and it’s not difficult to be better than the official reddit app.

    • KerfuffleOP
      link
      fedilink
      English
      arrow-up
      1
      ·
      1 year ago

      From what I understand, as long as it doesn’t stab you in the eyeball with a feces-encrusted nail it’s already managed to be better than the official app.

  • metarmask
    link
    fedilink
    English
    arrow-up
    1
    ·
    edit-2
    1 year ago

    While I don’t want text to take up my entire widescreen monitor, there are still lots of changes I would make. But there is practically no semantic information in the HTML, so it was annoying to create a user style. It would break if the site was another language or they decide they want a special color somewhere.

    Here’s my user style for sh.itjust.works:

    spoiler
    body {
        font-family: sans-serif;
    }
    
    .comment-node [data-tippy-content*="Upvote"].text-info, .comment-node [data-tippy-content*="Upvote"].text-danger, [aria-label="Upvote"], [aria-label="Downvote"] {
        filter: hue-rotate(180deg);
    }
    
    /* username */
    .comment-node > div:nth-child(1) > div:nth-child(1) > span:nth-child(1) > a.text-info {
        color: gray !important;
        font-size: 0.9em;
    }
    
    /* permalink */
    .comment-node [title="link"] {
        filter: grayscale();
    }
    
    /* score */
    .comment-node [data-tippy-content*="Upvote"], [aria-label="Expand"], [aria-label="Collapse"] {
        order: -1;
        font-size: 1.2em;
    }
    
    /* WIP attempt at making collapse vertical */
    .comment-node {
        position: relative;
    }
    [aria-label="Expand"], [aria-label="Collapse"] {
        position: absolute;
        top: 0px;
        left: -50px;
        height: 500px;
        display: block;
        height: 100px;
    }