Skip to content

GitLab

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
    • Switch to GitLab Next
  • Sign in / Register
dotstatsuite-data-explorer
dotstatsuite-data-explorer
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Locked Files
  • Issues 90
    • Issues 90
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
    • Iterations
  • Merge requests 7
    • Merge requests 7
  • Requirements
    • Requirements
    • List
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
    • Test Cases
  • Operations
    • Operations
    • Incidents
    • Environments
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Container Registry
  • Analytics
    • Analytics
    • CI/CD
    • Code Review
    • Insights
    • Issue
    • Repository
    • Value Stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • SIS-CC
  • Stat Suite
  • dotstatsuite-data-explorerdotstatsuite-data-explorer
  • Issues
  • #456

Closed
Open
Created Nov 30, 2020 by Jens Dossé@dosse💬Owner11 of 14 tasks completed11/14 tasks

Migrate table/chart footer to Visions & apply UI doc/Charte Graphique styles

⚠ semver major -> update of translation keys
⚠ semver major -> update of settings, assets are localisable

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

image


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 Dec 29, 2020 by Mike Velluet
Assignee
Assign to
dotstatsuiteJS@v7.0.0
Milestone
dotstatsuiteJS@v7.0.0
Assign milestone
Time tracking
None
Due date
None