Spiderpig86/Cirrus

[Documentation] Vertical label divider: invisible example

clembu opened this issue · 1 comments

clembu commented

Describe the issue with the documentation
The vertical label divider in https://www.cirrus-ui.com/layout/divider#basics is effectively invisible, but for the label itself.
Its height is either 0 or auto, because the class h-100pp is applied to it, which should be h-100p.

Issue Location (if incorrect/inconsistent information)

Cirrus/cirrus-docs-next/src/layout/divider/index.tsx

Line 95 in ca44b55

<div className="divider--v h-100pp" data-content="Label" />

Cirrus/cirrus-docs-next/src/layout/divider/index.tsx

Line 100 in ca44b55

code={`<div class="divider--v h-100pp" data-content="Label" />`}

URL: https://www.cirrus-ui.com/layout/divider#basics
Screenshots:
image

What it should say/display instead:
image

Spiderpig86 commented

I will be closing this issue since I merged your PR to fix it. Thanks for your contribution!

  • 👍1