MediaWiki:Left align mermaid

From psychoengineering
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
$(document).ready(function() {
  $('.ext-mermaid > div > svg > g.root > g.nodes > g.root').each(function() {
    var transform = $(this).attr('transform');
    var translateRegex = /translate\(([^,]*),([^)]*)\)/;
    var matches = translateRegex.exec(transform);
      
    if (matches && matches.length === 3) {
      // Zero out the x component but keep the y component
      var newX = 0;
      var newY = matches[2];
      var newTransform = transform.replace(translateRegex, `translate(${newX},${newY})`);
      $(this).attr('transform', newTransform);
    }
  });
});