cht-core icon indicating copy to clipboard operation
cht-core copied to clipboard

long content Training cards hide scroll & next

Open mrjones-plip opened this issue 6 months ago • 1 comments

Describe the bug

To Reproduce

Steps to reproduce the behavior:

  1. Add training card with a lot of content
  2. load it on a phone and note "Next" is pushed off screen

Expected behavior Scroll bar present OR Next button fixed at bottom of card with card content with it's own separate div/span with it's own scroll bar

Logs

Screenshots see additional context b elow

Environment

  • Instance: chis-training.health.go.ke
  • Browser: CHT Android latest unbranded
  • Client platform: Android 14 on Pixel 3a
  • App: training cards
  • Version: 4.8.1-FR-improved-contact-summary-targets

Additional context There's some scenarios, that may not be real world applicable, which the left & right sides are hidden as well.

Here's a screenshot of rando bad (299 x 695) on the right, followed by minimum good on the left (365 x 715).

image

here's a screenshot with the "Next" almost gone:

Screenshot_20240806-131657_CHT Android

mrjones-plip avatar Jul 31 '24 20:07 mrjones-plip