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

FOUR-19662: Enforce Height Limit on Thumbnail and Character Limit on Description in Template Card #1752

Merged
merged 4 commits into from
Oct 22, 2024

Conversation

eiresendez
Copy link
Contributor

@eiresendez eiresendez commented Oct 22, 2024

Issue & Reproduction Steps

There is no enforced height limit on the thumbnail or character limit on the description for templates, resulting in inconsistent display and layout issues within the template card. Per the PRD the description should have a 100 character limit

Solution

  • Truncate text for template description if needed.
  • Fix vertical images fit within thumbnail container according to Figma mockups.

How to Test

  • Perform a manual test in core.

Related Tickets & Packages

- Implemented method to truncate template description to 100 characters.
- Added ellipsis (…) for longer descriptions.
- Updated CSS to handle vertical images by using object-fit: cover.
- Ensured all images are displayed properly in 107px height container without distortion (according to Figma mockups).
@eiresendez eiresendez changed the title Observation/four 19662 FOUR-19662: Enforce Height Limit on Thumbnail and Character Limit on Description in Template Card Oct 22, 2024
Copy link

cypress bot commented Oct 22, 2024

screen-builder    Run #1591

Run Properties:  status check passed Passed #1591  •  git commit 2605fcda17: FOUR-19662: Enforce Height Limit on Thumbnail and Character Limit on Description...
Project screen-builder
Branch Review observation/FOUR-19662
Run status status check passed Passed #1591
Run duration 08m 46s
Commit git commit 2605fcda17: FOUR-19662: Enforce Height Limit on Thumbnail and Character Limit on Description...
Committer Eleazar Resendez
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 19
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 341
View all changes introduced in this branch ↗︎

@eiresendez
Copy link
Contributor Author

It seems that there's a flaky test, as the phpunit error is not related to PR's changes.

Case Controller (Tests\Feature\Api\V1_1\CaseController)
✘ Filter by user case status, created at, and completed at

│ Failed to assert that the response count matched the expected 0.
│ Failed asserting that the actual size (1) matches the expected size (0).

@ryancooley ryancooley merged commit 7719727 into release-2024-fall Oct 22, 2024
15 checks passed
@ryancooley ryancooley deleted the observation/FOUR-19662 branch October 22, 2024 21:25
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.

3 participants