~sircmpwn/sr.ht#112: 
Move content to center on wide screens

Status
RESOLVED FIXED
Submitter
~sircmpwn
Assigned to
No-one
Submitted
3 years ago
Updated
3 years ago
Labels
No labels applied.

~bon 3 years ago

Noooo! It's classier on the left.

~sircmpwn 3 years ago

Don't worry, I mean really wide screens :)

~benharri 3 years ago

I'd really appreciate this. It feels quite awkward to have it so far off to the side.

~cos 3 years ago

This is an excellent idea! Wouldn't a simple…

.container {
    margin: 0 auto;
}

…solve this? As suggested by @lewis on lobste.rs

~sircmpwn 3 years ago

I only want to do it for large enough screens. At 1080p I prefer it on the left.

~cretezy 3 years ago

https://i.imgur.com/5g5Uo6z.png

It's extremely wide. Maybe have a max-width of say 1920px (or maybe like 1600px, to leave some room)

~benharri 3 years ago

Seems reasonable to do this for anything wider than 1080p.

~cretezy 3 years ago

I think it might also be good to have a settings section for appearance, with some options to make it more "personalized".

~robjloranger 3 years ago

A user css option would be cool in the future. Edit in browser maybe.

~sircmpwn 3 years ago

I think that's better served with browser extensions.

~numbsafari 3 years ago

Since folks are using comments here as some kind votes for centering, I figured I'd stop by to say that I also prefer the left justification.

Not every window needs to be maximized.

~kotrunga 3 years ago

One of the hottest sr.ht tickets out there! Reading comments on other corners of the web made me feel compelled to 'vote'.

I really like the left aligned layout! It distinguishes sr.ht, and looks good. I also like previously mentioned ideas of browser extensions / appearance settings, for those who want to change it.

~jb55 3 years ago

left aligned websites are so annoying I had to add a toggle to my xmonad config¹ to deal with them.

︎¹https://jb55.com/s/2ae85effc44040a3.png

~screwtape 3 years ago

I'd feel a lot more comfortable with the left-aligned layout if it were fully left-aligned. As it is, there's a lot of right-aligned content (the log in/log out links at the top right, the timestamps on each of these comments) and column content (this very page has two columns, and most of the content is not in the left column!). There's clearly been a lot of effort to make good use of horizontal space... it's just that the browser is not very smart about extrapolating that effort to larger displays.

margin: 0 auto is a nice solution because the content will be laid out exactly as intended by a tasteful human, while the dumb browser only has to worry about whitespace at the edges. Additionally, the browser is constrained to make all its changes symmetrically, so almost anything it does will look pretty good.

~pierrebeaucamp 3 years ago

For what it's worth, I really like how tufte-css (https://github.com/edwardtufte/tufte-css) solved this problem: By default content is left aligned, but on larger screens it becomes somewhat centered while still preserving a strong left orientation.

As far as I know, this was achieved by

body {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
}

~cretezy 3 years ago

I think that was the general consensus, have a max-width, and center past that width. Keeps it left-justified everywhere, but makes it usable on very wide screens

~sircmpwn REPORTED FIXED 3 years ago

~kotrunga 3 years ago

Just saw this was reported as fixed! Just curious, is this all sr.ht services, or some? For me, dispatch.sr.ht still displays on the left.

Register here or Log in to comment, or comment via email.