This fixes #810. Looks like things were broken during the quickjump
refactor of the JS.

For the (git) record: I do not think the style switcher is a good idea.
I'm fixing it for the same reason @mzero added it; as an answer to

  "rumblings from some that they didn't want their pixels changed on bit"

Nuno Alexandre authored 6 years ago and Alec Theriault committed 6 years ago

- Fix and improve spacing
- Improve colors and borders

Nuno Alexandre authored 6 years ago and Alec Theriault committed 6 years ago

- Update link colors to hackage scheme
- Tune spacing between content elements
- Update footer style
- Fix and improve code blocks identation

Nuno Alexandre authored 6 years ago and Alec Theriault committed 6 years ago

Also migrate some general text related changes from hackage.

NunoAlexandre authored 7 years ago and Alec Theriault committed 6 years ago

Reported and described here:
https://github.com/haskell/haddock/pull/721#issuecomment-374668869

NunoAlexandre authored 7 years ago and Alec Theriault committed 6 years ago

The min and max width triggers have the same values,
which caused the style resolution to take an intersection of
both style declarations when the screen resolution had the size
of the limts (say 1280px), causing an odd behaviour and look.

NunoAlexandre authored 7 years ago and Alec Theriault committed 6 years ago

Bring in some adjustments made to hackage:
- link colors
- page header show everything when package title is too long

Nuno Alexandre authored 7 years ago and Alec Theriault committed 6 years ago

- Reduce font size
- Improve space between and within code blocks
- Improve alignments
- Improve spacing within sub-blocks

Nuno Alexandre authored 7 years ago and Alec Theriault committed 6 years ago

When the synopsis is longer than the screen, you can’t see its end
and you can't scroll down either, making the content unreachable.

Nuno Alexandre authored 7 years ago and Alec Theriault committed 6 years ago

- Darken text color like done for hackage
- Move synopsis to left side
- Make table of contents stick to the left on wide screens
- Wrap links to avoid page overflow
- Improve expand/collapse buttons
- Fix issue with content size on mobile devices
- Fix issue with font-size on landscape mode
- Increase width of the content
- Change colors of table of contents and synopsis
- Etc

Nuno Alexandre authored 7 years ago and Alec Theriault committed 6 years ago

There was too much space between code blocks as pointed out by
reviewers.

Nuno Alexandre authored 7 years ago and Alec Theriault committed 6 years ago

- Use CSS3 instead of loading pictures to show "+" and "-" symbols
- Drop redundant code

Nuno Alexandre authored 7 years ago and Alec Theriault committed 6 years ago

Several things are addressed here:

- better responsive behaviour on the header
- better space usage
- consistent colors overall
- other nit PR comments

NunoAlexandre authored 7 years ago and Alec Theriault committed 6 years ago

- It makes small screens taking more space than larger ones
- fixes a few issues present in small screens currently
- make it look good across different screen sizes.

NunoAlexandre authored 7 years ago and Alec Theriault committed 6 years ago

These changes include:

- use latest Haskell's logo colors
- decrease #content width to improve readability
- use nicer font
- improve sizes and distances

alexbiehl authored 7 years ago and Alec Theriault committed 6 years ago

And make it the default theme.