Partly Resolve "Cockpit: Rose Chips text and numbers do not stay centered when rotating [PARTLY SOLVED]"

Dennis Agostinho da Silvarequested to merge
377-cockpit-rose-chips-text-and-numbers-do-not-stay-centered-when-rotating into develop

Temporary solution

Inserted inlineSVG in order to attach chip text and numbers to the center of the chip svg. Chip elements are now responsive

Again...ONLY TEMPORARY SOLUTION!

TODO:

  • Find a way to replace inlineSVG with DOM manipulation of the chip svg component
  • Find out how to make SVG text elements rotate according its positions

Before

before_chips

After

after_chips

Check out Issue #377 for more information

Merge request reports