Customize style of hypothes.is plugin - Githubissues

mozilla / internet-health-report

MIT License

5 stars 9 forks source link

Customize style of hypothes.is plugin #34

Closed kristinashu closed 7 years ago

kristinashu commented 7 years ago

We would like to style the annotation/note plugin seen on https://internethealthreport.org/v01/open-innovation/ because the current styling is not noticeable enough.

Design recommendations:

https://redpen.io/og6a82f5320eead856

update highlight color and side panel color so they both have the same color, in order to correlate the two
make sure the tool color is different than page's CTA colors (e.g both highlight color and link underline color in v0.1 is yellow which is confusing)
increase size and style of icons
add copy below the title to point our how many annotations there are (clicking on it would open the side panel) - probably not technically possible

@mmmavis looked into technical side of it:

we can update styling via our own CSS (not the plugin's config)
icons, icon sizes, and highlight color can be updated (color can definitely be updated http://h.readthedocs.io/projects/client/en/latest/publishers/config/#cmdoption-arg-branding)
we should avoid changing the order of the icons because that would involve hacky JS
reference http://h.readthedocs.io/projects/client/en/latest/publishers/config/

cc @Solanasaurus

kristinashu commented 7 years ago

Closing this, it's pretty much a duplicate of #32