Migrate table/chart footer to Visions & apply UI doc/Charte Graphique styles
Styles according to https://sis-cc.gitlab.io/design/demo/ui-documentation/fonts.html
Features (in DE as well as in the Viewer and the Chart Generator):
-
the copyright/source font is the general font face & size (body font): font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; -
support localised logos, e.g. "OECD" logo in EN and "OCDE" logo in FR -
footer height (without chart labels): 32pt (42px according to https://everythingfonts.com/font/tools/units/pt-to-px; 1px = 1/96th of 1in; 1pt = 1/72 of 1in) -
the logo is to be re-dimensioned so that is respects a buffer zone around it that is proportional to the height of the logo: there is always empty space of 50% of its height above, below, left and right of the logo. This means, that if there are no chart labels then the logo height is 16pt (21px) and the empty space above, below, left and right of it is 8pt (10.5px). -
the copyright is to be right aligned, just before the source information
specs:
- footer includes in its layout the legend (cf charte graphique), footer must have a legend prop component
tasks:
-
create footer component in visions -
deprecate @sis-cc/dotstatsuite-ui-footer -
rtl compliant -
a11y compliant -
responsive rules -
clickable link in tooltip
follow-up:
-
layout of legend to review -
fonts of legends to rework -
styles to review (diff between UI-doc and PAC and existing in DE)
notes:
- TableFooter: what's next for it?
Edited by Mike Velluet