* swap the minimize unicode to something more intuitive
  * use new unicode expander/collapser for instance lists
  * address some alignment issues in the "index" page

This reverts commit f909ffd8.

I missed the fact this also forces the 'Contents' to always go down
to the bottom of the page.

This only happens if the contents block on the left is so big that it
doesn't fit (vertically) on the page. If that happens, we want it to
be scrollable.

I think thst CSS was meant only to deal with fields and the
effect on bullets was accidental.

Fixes #926.

This fixes #953 by passing more names into the generated ids.

Here's these changes are supposed to do:

  * put the synopsis back on the right side
  * properly have it on the edge of the screen on wide screens
  * adjust the background of the synopsis to match the button
    (otherwise the grey blends in with what is underneath)
  * get rid of the dotted purple line
  * the synopsis contents are now scrollable even when in wide
    screens (this has been a long-standing bug)

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"

This was done via `npm audit fix`. I think this fixes #903 along with
some more serious vulnerabilities that nobody seems to have noticed.

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

The current html generator of this branch wraps the package-header
caption as a div, which does not work (without style adjustments) with
the old themes. Changing it from div to span does the trick, without
needing to adjust the old stylesheets.

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 6 years ago and Alec Theriault committed 6 years ago

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

NunoAlexandre authored 6 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 6 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

This solves an issue reported about the content looking
incredibly small on mobile devices.

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

The package name element in the package-header is now a div instead of a
paragraph, and it is now above the menu ul.links instead of below.

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

This supports the expected responsive menu design, where the
package name appears above the menu links.

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.