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 double-scrollbar when in fullscreen #4243

Merged
merged 1 commit into from
Oct 16, 2019
Merged

Fix double-scrollbar when in fullscreen #4243

merged 1 commit into from
Oct 16, 2019

Conversation

stefanmaric
Copy link
Contributor

@stefanmaric stefanmaric commented Oct 14, 2019

What type of PR is this? (check all applicable)

  • Bug Fix

Description

When using fullscreen mode inside an embedded report, a double scrollbar appears because padding is added to the body but the container is set to be min-height: 100vh. This PR fixes it.

Comment on lines 27 to 31
&.headless {
padding-top: 10px;


app-view {
min-height: ~"calc(100vh - 10px)";
Copy link
Contributor

Choose a reason for hiding this comment

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

I think this would be a simpler solution:

&.headless {
  padding-top: 10px; // <- remove this line

  app-view {
     padding-top: 10px; // <- move it to here
  }

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Indeed. Didn't realize app-view is the only thing that renders inside the body. Pushing in a bit.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixed.

@ranbena ranbena merged commit 79b37e8 into getredash:master Oct 16, 2019
@ranbena
Copy link
Contributor

ranbena commented Oct 16, 2019

Gracias @stefanmaric

@stefanmaric
Copy link
Contributor Author

Gracias @stefanmaric

No hay de qué, @ranbena 😄

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.

2 participants