User Settings

[garry]

I've just pushed user settings.
Let me know here if there are any problems.

[c👌de_g🎷]

The actual page could use a white background - the text blends into the dark texture.

[Noob©]

Aside from what is mentioned above, nothing negative to report! I don't really mind the absence of other Oldpunch functions, they aren't very useful imo.

[Liam]

I feel like that's a recurring theme

[Clive]

I don't think calling full width ugly is a nice thing to do, it's not my fault you used it on FP and I got used too it.

[Kecske]

Could you make the grainy overlay toggleable?

[Liam]

sometimes the truth is not a nice thing, friend

[garry]

I mentioned this on another post, but the design of this site isn't done yet. It's going to be fixed up once all the pages are done and we know what we need to design for.
You can take a look at the Rust forum to see what stuff should look like.
https://rust.facepunch.com/user/options/

[HighVoltage]

Does the custom css essentially work like userscripts?

[HighVoltage]

The middle option seems a little broken:

[Crayz]

Commas in the custom css seem to break something, this doesn't work:
.navbar.navbar-loggedin, .navbar.navbar-under {
    background-color: #FF0000;
}

[garry]

Does the CSS generate properly? If you look at the page source, you should see a link to /styles/user - is that stylesheet correct?

[Crayz]

Nope, looks like it doesn't generate at all when I use that css snippet.

[Crayz]

I think the problem isn't a comma, it breaks when there's extra space at the end of the css:

[garry]

It might just be a bad cache I guess

[Crayz]

Here's snippets to test. The user style is missing completely from the source using the snippets that don't work. Tested on Firefox & Chrome
Works (2 empty lines at end)
.navbar.navbar-loggedin, .test {
    background-color: #FF0000;
}
.navbar.is-primary .navbar-brand > a.navbar-item:hover {
    background-color: #b50000;
}
.navbar.navbar-under {
    background-color: #FF0000;
}

Doesn't work (1 empty line at end)
.navbar.navbar-loggedin, .test {
    background-color: #FF0000;
}
.navbar.is-primary .navbar-brand > a.navbar-item:hover {
    background-color: #b50000;
}
.navbar.navbar-under {
    background-color: #FF0000;
}

Works (1 empty line at end, 1 extra space after .test)
.navbar.navbar-loggedin, .test  {
    background-color: #FF0000;
}
.navbar.is-primary .navbar-brand > a.navbar-item:hover {
    background-color: #b50000;
}
.navbar.navbar-under {
    background-color: #FF0000;
}

[.𓃉𓁿𓂎𓁿𓃉.]

i'm not big into web design stuff, i am guessing custom CSS will allow people to share different layouts and shit without needing to install an extension, right?

[Perogi Palooka]

Is it possible to have some screenshots of custom css stuff in action? I'm not too bright, so I'm having a hard time imagining just what you can change to enhance the user experience.

[HighVoltage]

You can theoretically change anything you see; color, size, position.
You should be able to replace icons and things like that too

[Weirdness]

Noticed that the fullwidth now goes all the way to the edge. It'd be nicer if it still had a small bit of space on each side like current Facepunch does.
Other than that I'm liking it a lot better.

[diwako]

I am not sure if this will be added as we can now add custom CSS.

Try to add this to it, it will add 10 pixel padding left and right.

.force-wide-design .container {
width: calc(100% - 20px) !important;
}

[garry]

Found the CSS problem, fix incoming

[garry]

Should be fixed now, let me know.

[diwako]

The css snipet I wrote in works now.

[Crayz]

The CSS input has a 500 character limit

[...]

you can use css imports
(if your thing is hosted on github you need to use rawgit or it won't work)

[HighVoltage]

The css is stored on the server, it's applied on any device your logged into