Skip to content

Mermaid subscription diagram is cut off

Follow-up from #118 (comment 2082081374)

Something is off with this Mermaid chart. It gets cut off:

image

From this page: https://new.docs.gitlab.com/subscriptions/choosing_subscription/#find-your-subscription

It looks OK on the Nanoc site: https://docs.gitlab.com/17.4/ee/subscriptions/choosing_subscription.html#find-your-subscription

It also works fine in the mermaid live editor: https://mermaid.live/edit#pako:eNp1kltLw0AQhf_KsBJowbTveVBsU0WwvrQISqBMk2mydC9hL2op_e9OGq1U6uPZmfPt7Jndi9JWJDKRJHtpZMhgD4XYWBPuUUu1K0TG-kGGJ1zDAo0vBBwOSVKY2mHbwDIvDACW5VIGRRnMd-Dj2pdOtkFa813MiU8yyCmQ09IQ7Gx0Z42geQwFaCrwRCCDh4ZUCy3WVDDmbvDoe1f05DqmjSYAG_vZRqXVt0PugzS9gcnglfxJTQfPlsXkKPLBBrMNpkqaLbxI-rgwyxmVndOjc_aPk9QmbawPVJ1Rht3YpZLlFnKOcDSuOSFcrxg5lqaiz1ETtLp6Z1DagdK-zuX0LEHxQ5kdKd11K42Gc6kuc_66xbXQHDvKite87zZSiNCQpn63hmJwqLrOA7diDHaxM6XIgot0LZyNdSP43cqzim2FgXKJvH19Om3RvFn7q6mSwbp5_7GO_-vwBTLl1cE

So, it's not really an issue with this particular diagram, but something up with the Hugo site. We have not seen any other cases of this issue with other diagrams, though.

We need to:

  • understand why this renders differently on the Hugo site
  • fix whatever the issue is