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: use window height to determine expanded control bar height on small screens #1620

Merged
merged 2 commits into from
Mar 9, 2021

Conversation

jenniferarnesen
Copy link
Collaborator

@jenniferarnesen jenniferarnesen commented Mar 9, 2021

This will hopefully fix the issue where the expanded control bar on the phone is too tall. Using window height should take into account the phone's available screen space considering address bar and navigation controls on some phone models.

image

@@ -12,6 +12,9 @@
--user-rows-height: calc(
var(--controlbar-padding) + (var(--user-rows-count) * var(--row-height))
);
--sm-expanded-controlbar-height: calc(
(var(--vh, 1vh) * 100) - var(--headerbar-height) - 32px
Copy link
Contributor

Choose a reason for hiding this comment

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

why 32px?

@jenniferarnesen jenniferarnesen enabled auto-merge (squash) March 9, 2021 11:31
@jenniferarnesen jenniferarnesen merged commit d7d730f into master Mar 9, 2021
@jenniferarnesen jenniferarnesen deleted the fix/ctrlbar-height-on-phone branch March 9, 2021 11:56
dhis2-bot added a commit that referenced this pull request Mar 9, 2021
## [31.13.7](v31.13.6...v31.13.7) (2021-03-09)

### Bug Fixes

* add scatter icon for ItemSelector ([#1614](#1614)) ([66ac287](66ac287))
* calc fullscreen height of visualization based on window height ([#1621](#1621)) ([13c79b9](13c79b9))
* preserve sharing and translations when saving dashboard ([#1611](#1611)) ([802405d](802405d)), closes [dhis2/dhis2-core#7538](dhis2/dhis2-core#7538)
* use window height to determine controlbar height ([#1620](#1620)) ([d7d730f](d7d730f))
@dhis2-bot
Copy link
Contributor

🎉 This PR is included in version 31.13.7 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

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

Successfully merging this pull request may close these issues.

3 participants