Is there a way to have Lemmy instances render in wide-screen mode (sort of like old reddit or older themes of Wikipedia)? I really dislike the default look of everything being in the center with tons of blank space on both sides (I use 1440p monitors).
For what it’s worth, I came up with the following Stylus css script to work on the lemmy.ml (also works on github.com for what it’s worth if you so choose):
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 2560px !important;
}
.col-md-8 {
flex: 0 0 85% !important;
max-width: 85% !important;
}
.col-md-4 {
flex: 0 0 15% !important;
max-width: 15% !important;
}
Can just adjust max-width under the .container* options to whatever you want (I chose to set it to my monitor’s width). The col-md-8 and col-md-4 are for the main content and sidebar respectively, so I have main content at 85% of the width and sidebar at 15% of the width. Result looks similar to this: https://i.imgur.com/FMAZYbh.png
Published my style here for use on Stylus: https://userstyles.world/style/10168/1440p-lemmy
There’s good reason for setting a maximum bound on the width though. It’s much harder on the eyes to read long lines of text. That said, I do think Lemmy goes a bit overboard, and I would really like to see all of the non-post content on the right side anchored to the right edge rather than centered.
That’s why it should be an option. I never thought it was harder on my own eyes to read long lines of text. If anything having big blank spaces on the left and right sides of the screen is more distracting to me.