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: control the viewport, always show the headerbar, size app container #267

Merged
merged 4 commits into from
Jan 16, 2020

Conversation

amcgee
Copy link
Member

@amcgee amcgee commented Jan 16, 2020

This ensures that the appShell takes full control of the browser viewport, that the Headerbar is "sticky" (actually never moves), and that the app has a sized container so that it can properly render full-height divs.

This is required for the DV port, since it currently can't know how high the viewport is without a hard-coded Headerbar height

@amcgee amcgee requested review from edoardo and varl January 16, 2020 11:11
@amcgee
Copy link
Member Author

amcgee commented Jan 16, 2020

See dhis2/data-visualizer-app#494

@varl
Copy link
Contributor

varl commented Jan 16, 2020

Do you mean that the headerbar should always be visible at the top of the screen, even when the user scrolls down on the page?

Copy link
Contributor

@varl varl left a comment

Choose a reason for hiding this comment

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

Code looks good to me.

@amcgee
Copy link
Member Author

amcgee commented Jan 16, 2020

Do you mean that the headerbar should always be visible at the top of the screen, even when the user scrolls down on the page?

Yeah, @cooper-joe species the headerbar to be always visible. Instead of scrolling the whole page you scroll in the content div. we could also affix the headerbar above the content but I think I like this better (and easier because you don’t need a matching-height buffer).

@varl
Copy link
Contributor

varl commented Jan 16, 2020

@amcgee this could be merged as a feature depending if "sticky headerbar" is considered an addition or a bug.

@amcgee
Copy link
Member Author

amcgee commented Jan 16, 2020 via email

@varl
Copy link
Contributor

varl commented Jan 16, 2020

Yeah, ideally we'd land two commits on master: one fix and one feat.

Since this isn't a feature that a user can opt in to use, considering and landing it as a single fix is fine.

@varl varl merged commit 3823d8a into master Jan 16, 2020
@varl varl deleted the fix/control-viewport branch January 16, 2020 15:01
dhis2-bot added a commit that referenced this pull request Jan 16, 2020
## [3.2.1](v3.2.0...v3.2.1) (2020-01-16)

### Bug Fixes

* control the viewport, always show the headerbar, size app container ([#267](#267)) ([3823d8a](3823d8a))
@dhis2-bot
Copy link
Contributor

🎉 This PR is included in version 3.2.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

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

Successfully merging this pull request may close these issues.

None yet

4 participants