Fix UI coherence and legibility #7
Description
Topics' titles alignment
Even if the hidden paragraph in topics are given max-height: 0, they are still displayed. As a consequence, titles are not perfectly aligned vertically.
Possible solution:
- Add
display: none;to 0-height paragraphs - When triggering the animation showing the paragraph, remove the
display: none;before letting the animation start (maybe adding a little delay or calling the animation asynchronously)
Buttons in mobile version
- Arrow in buttons in should be rotated downwards in the "Units > BolDH —the ecosystem" sub section since they are links to subsections of the same website
- In "DL" subsection, the virtual exhibition button let the text and the arrow slightly overlap (checked on iPhone11)
Legibility
Default font color seems to be too dark and transparent, creating high contrast with links. Especially visible in events' modals.
Font weight in mobile version
Sometimes font weight in mobile titles is kind of blurred and to bold
Topics text in mobile version
Extend horizontally the space occupied by the text when opening the various topics
Copyright band in footer
To let the UI be more coherent, maybe a band containing the text "License" and the logo of the used license under the Credits can be better than how is now placed. Moreover, it should be clickable and leading to the license page
Favicon
Optimize favicon for both light and dark browser's settings
Modal close icon
On mouse over you can add a chang of brightness