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

Fix body overflow causing scroll bars #697

Merged
merged 1 commit into from
Oct 17, 2018

Conversation

kinglozzer
Copy link
Member

Regression from #690. In my apparent tunnel vision, I failed to notice I’d broken the toggle for the SiteTree panel:

screenshot 2018-10-17 at 11 39 35

That toggle overflowing its container caused a vertical scrollbar on <body>, this change fixes that. I’ve tested in IE11 and checked that this is the only other use of .cms-panel-toggle in core.

screenshot 2018-10-17 at 11 39 15


.toggle-collapse,
.toggle-expand {
height: 54px;
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

As the parent .cms-panel-toggle is now always display: flex, these no longer need a hard-coded height as they’ll stretch automatically.

height: 54px;
display: flex;
flex-direction: column;
justify-content: center;
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To vertically centre the <span>&raquo;</span>, without relying on line-height hacks

@robbieaverill robbieaverill merged commit e31f56a into silverstripe:1.3 Oct 17, 2018
@kinglozzer kinglozzer deleted the body-overflow branch October 17, 2018 11:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants