New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Website styling: Text readability #1052

Closed
theduke opened this Issue Jul 29, 2017 · 3 comments

Comments

Projects
None yet
2 participants
@theduke
Contributor

theduke commented Jul 29, 2017

The white text on the light blue background is quite hard to read, especially since the text is so free floating on the page.

I've played around a bit and I'd suggest giving the content area a bit of a padding and a backgroudn color.

something like:

.guide-wrapper {
    margin-right: 0;
    padding: 20px 30px;
    background: #3e4d66;
    border-radius: 10px;
}

This would also require makign .guide-wrapper a bit larger in the @media css.

@media screen and (min-width: 53.75em) {
  .guide-wrapper {
      width: 70%
  }
  
}
...
@sgrif

This comment has been minimized.

Member

sgrif commented Jul 29, 2017

@sgrif

This comment has been minimized.

Member

sgrif commented Jul 29, 2017

I just realized this is on the main Diesel repo. Can you please open an issue on the website's repo? https://github.com/sgrif/diesel.rs-website

@sgrif sgrif closed this Jul 29, 2017

@theduke

This comment has been minimized.

Contributor

theduke commented Jul 29, 2017

Oh sure, I looked for a website repo on the diesel-rs repo but couldn't find it, so I just did it here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment