Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Massive spacing on architecture diagrams #6194

Open
twdtech opened this issue Jan 16, 2025 · 0 comments
Open

Massive spacing on architecture diagrams #6194

twdtech opened this issue Jan 16, 2025 · 0 comments
Labels
Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect

Comments

@twdtech
Copy link

twdtech commented Jan 16, 2025

Description

Creating multiple groups inside a group with elements in these groups, they will grow to a extremely massive size with a lot of white space.

Steps to reproduce

Create a "main" group
Add groups in these groups
Add elements in these groups and connect them

Screenshots

mermaid.live on Edge:
Image

mermaid.live on Firefox:
Image

Visual Studio Code with Markdown Preview Mermaid Support:
Image

Code Sample

architecture-beta
    service opnSense(mdi:wall-fire)[OPNsense]
    group tnet(vaadin:cluster)[Tnet]
        group cnodes(server)[Compute Nodes] in tnet
            service cnode1(server)[CNode 1] in cnodes
            service cnode2(server)[CNode 2] in cnodes
            service cnode3(server)[CNode 3] in cnodes
            service cnode4(server)[CNode 4] in cnodes
            service cnode5(server)[CNode 5] in cnodes
            service cnode6(server)[CNode 6] in cnodes

        group vms(file-icons:vmware)[Virtual Machines] in tnet
            service vcenter_server(server)[vCenter Server] in vms
                cnode1:L <--> R:vcenter_server
                cnode2:L <--> R:vcenter_server
                cnode3:L <--> R:vcenter_server
                cnode4:L <--> R:vcenter_server
                cnode5:L <--> R:vcenter_server
                cnode6:L <--> R:vcenter_server

            service dhcp(server)[DHCP Server] in vms
            service dns(internet)[DNS Server] in vms
            service veeam(mdi:backup-restore)[Veeam Backup VMs] in vms

        group backup(disk)[Backup] in tnet
            service scsiShelf(disk)[SCSI Shelf] in backup
            service iscsiHead(cloud)[iSCSI Head] in backup
                scsiShelf:L --> R:iscsiHead
            service bkSrv01(disk)[Backup Server 1] in backup
            service bkSrv02(disk)[Backup Server 2] in backup
                bkSrv01:L --> R:veeam
                bkSrv02:L --> R:veeam
                iscsiHead:L --> R:veeam

Setup

  • Mermaid version: 11.4.0
  • Browser and Version:
  • Edge: 131.0.2903.146
  • FireFox: 134.0.1
  • Visual Studio Code: 1.96.3
  • Markdown Preview Mermaid Support Plugin: 1.27.0

Suggested Solutions

- None -

Additional Context

- None -

@twdtech twdtech added Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect labels Jan 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect
Projects
None yet
Development

No branches or pull requests

1 participant