Custom CSS for Public Status Pagess
Mario Olivio Flores
It would be nice to have either page specific or account wide custom stylesheet applied to the public status pages. Specifically, I'd use it to draw more attention to the translation dropdown and to eliminate some whitespace.
Log In
Adrien Rey-Jarthon
@Mario As a first iteration, I've just reduced the white-space of the status page substantially (160px).
Adrien Rey-Jarthon
Thanks for feedback, the problem with the prefix idea is that people will stop using it, and I'll end up with broken/ugly pages branded as updown.io all over the internet ☹
Your suggestions are interesting though, I've already been asked for custom logo and may implement this at some point. About company colors it may be possible but again probably not a good idea if people replace the green with red for example :/ it may make the page impossible to understand. Which part would you have like to re-color?
And finally about the whitespace I'll try to improve that on the existing design!
Mario Olivio Flores
@adrien Ah! Sorry, I just noticed your response from April.
I'd mostly try to offload the risk of breaking desings to the user. You could add a version class - "version-1.23" to the body tag. Then users could structure their CSS with the version tag and new pages would just look like the default theme. Best case: users are warned so they understand the risk and get a heads up that new dom version is coming.
I do think that there is too much white space above the "last 24 hours". Otherwise, I actually think it is a really nice page. If I had custom CSS, I would:
- Add company logo, if I could find a way to do it tastefully.
- use some company colors, where it makes sense
- limit white space, possibly try to use flexbox to put locale selection and the check title in one row.
Adrien Rey-Jarthon
This most probably won't happen as we don't want to have 100 different designs in the wild and risk breaking them when we do changes to the status page. Why do you feel the need to draw more attention to the translation dropdown? it uses browser locale by default so almost nobody would ever need it actually. About the whitespaces do you think there are too much is specific places or you just want to make the whole page more compact?