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

Hide prev/next entry control on mobile #1367

Merged
merged 2 commits into from
Apr 5, 2022

Conversation

palmtreefrb
Copy link
Contributor

Description

Added "dc-rendered-on-desktop" class to parent button bar div to hide it on mobile.

Fixes #1290

Type of Change

  • UI change Hide button bar on mobile

Screenshots

Desktop(chrome)

Screenshot from 2022-03-30 07-54-02

Mobile(android)

Screenshot_20220328-175348

Testing on your branch

  • Navigate to Editor on desktop browser. The button bar will display.
  • Navigate to Editor on mobile browser. The button bar will be hidden.

Checklist

  • I have performed a self-review of my own code
  • I have reviewed the title/description of this PR which will be used as the squashed PR commit message
  • I have commented my code, particularly in hard-to-understand areas

qa.languageforge.org testing

Reviewers: add/replace your name below and check the box to sign-off/attest the feature works as expected on qa.languageforge.org

  • Reviewer1 (YYYY-MM-DD HH:MM)
  • Reviewer2 (YYYY-MM-DD HH:MM)

@github-actions
Copy link

github-actions bot commented Mar 30, 2022

Unit Test Results

    1 files      1 suites   12s ⏱️
373 tests 373 ✔️ 0 💤 0

Results for commit ab7aff3.

♻️ This comment has been updated with latest results.

Copy link
Collaborator

@megahirt megahirt left a comment

Choose a reason for hiding this comment

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

This looks like it gets the job done. Now that dc-rendered-on-desktop is being used for a different control, I think it would make more sense to rename it to hide-on-mobile or similar. Can you rename the class across the our codebase to reflect what it is actually doing?

@palmtreefrb
Copy link
Contributor Author

Done, refactored to hide-on-mobile

Copy link
Collaborator

@megahirt megahirt left a comment

Choose a reason for hiding this comment

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

LGTM thanks @palmtreefrb !

@megahirt megahirt changed the title Add dc-rendered-on-desktop class to hide button bar on mobile Hide prev/next entry control on mobile Apr 5, 2022
@megahirt megahirt merged commit e55fe68 into develop Apr 5, 2022
@megahirt megahirt deleted the feature/hide-button-bar-on-mobile branch April 5, 2022 03:04
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.

bug: Button bar too tall on mobile
2 participants