marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-11 19:39:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add useMaxWidth to flowRenderer

Browse Source
This commit is contained in:
Volkan Unsal
2019-09-29 09:31:06 -04:00
parent 0730f73f73
commit 682faa4f9d
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/diagrams/flowchart/flowRenderer.js
View File

@@ -571,11 +571,20 @@ export const draw = function(text, id) {
return flowDb.getTooltip(this.id); return flowDb.getTooltip(this.id);
}); });
const conf = getConfig().flowchart;
const padding = 8; const padding = 8;
const width = g.maxX - g.minX + padding * 2; const width = g.maxX - g.minX + padding * 2;
const height = g.maxY - g.minY + padding * 2; const height = g.maxY - g.minY + padding * 2;
if (conf.useMaxWidth) {
svg.attr('width', '100%'); svg.attr('width', '100%');
svg.attr('style', `max-width: ${width}px;`); svg.attr('style', `max-width: ${width}px;`);
} else {
svg.attr('height', height);
svg.attr('width', width);
}
svg.attr('viewBox', `0 0 ${width} ${height}`); svg.attr('viewBox', `0 0 ${width} ${height}`);
svg.select('g').attr('transform', `translate(${padding - g.minX}, ${padding - g.minY})`); svg.select('g').attr('transform', `translate(${padding - g.minX}, ${padding - g.minY})`);
@@ -601,7 +610,7 @@ export const draw = function(text, id) {
} }
// Add label rects for non html labels // Add label rects for non html labels
if (!getConfig().flowchart.htmlLabels) { if (!conf.htmlLabels) {
const labels = document.querySelectorAll('#' + id + ' .edgeLabel .label'); const labels = document.querySelectorAll('#' + id + ' .edgeLabel .label');
for (let k = 0; k < labels.length; k++) { for (let k = 0; k < labels.length; k++) {
const label = labels[k]; const label = labels[k];