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

.level.fill-height example in docs isn't performing as expected #163

Closed
EttinCon opened this issue Apr 2, 2023 · 1 comment
Closed

.level.fill-height example in docs isn't performing as expected #163

EttinCon opened this issue Apr 2, 2023 · 1 comment

Comments

@EttinCon
Copy link

EttinCon commented Apr 2, 2023

.level.fill-height example in docs isn't performing as expected.

URL: https://cirrus-ui.netlify.app/layout/level
Screenshots:
image

@Spiderpig86
Copy link
Owner

Hey @EttinCon! Thanks for the report! I have tested the fix and pushed it. This will be out in the next release 0.7.2. Meanwhile, you can add this snippet to your stylesheets for project using 0.6.2 or newer to fix it on your end.

	@media screen and (min-width: 768px) {
		.level-right {
			margin-left: 1rem;
		}

		/* Keep all level children the same height */
		.level.fill-height {
			align-items: stretch;
			display: flex;
		}
	}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants