Skip to content

Bottom bar padding and optional body class#680

Merged
snide merged 1 commit intoelastic:masterfrom
snide:fix/bb
Apr 17, 2018
Merged

Bottom bar padding and optional body class#680
snide merged 1 commit intoelastic:masterfrom
snide:fix/bb

Conversation

@snide
Copy link
Copy Markdown
Contributor

@snide snide commented Apr 16, 2018

Fixes #663

EuiBottomBar will now apply a bottom padding to the body that is the size of the bar itself. Since a user might also have fixed controls (like the docs sidenav for example), I made it so you can also attach a bodyClassName to the body when it is mounted. This should allow people to make any sort of style adjustments they need when the bar pops up.

@snide snide requested a review from cchaos April 16, 2018 22:58
Copy link
Copy Markdown
Contributor

@cchaos cchaos left a comment

Choose a reason for hiding this comment

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

Works great. The only thing I noticed is that because our guide page is set to a min-height of 100vh, the body will scroll even though it doesn't need to. Not sure if we will run into this case in Kibana, but worth a look?

@snide
Copy link
Copy Markdown
Contributor Author

snide commented Apr 17, 2018

@cchaos Yeah, I noticed the same thing, that's why I added the bodyClassName prop as an option. That way you always have some level of escape hatch you can pass in. I didn't add it to our own docs just cuz I didn't want to confuse people in the copy / paste example.

But hopefully that should give people some flexibility with it.

@snide snide merged commit 58676d0 into elastic:master Apr 17, 2018
@snide snide deleted the fix/bb branch April 17, 2018 23:11
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

Successfully merging this pull request may close these issues.

The EuiBottomBar can cover up important controls

2 participants