department-of-veterans-affairs / va.gov-cms

Editor-centered management for Veteran-centered content.
https://prod.cms.va.gov
GNU General Public License v2.0
99 stars 70 forks source link

Benefit Hub promo block content is displayed truncated in the megamenu #15089

Open jilladams opened 10 months ago

jilladams commented 10 months ago

Describe the defect

Promo blocks are used to promote Benefit Hub content in 2 places:

  1. Benefit hub right rail
  2. Mega menu

In the promo block form, e.g. https://prod.cms.va.gov/block/6, the Link summary field has a 500 character max. However: with the example from block 6, only 295 characters are entered, and the full text is cut off in the Mega menu display.

Benefit Hub right rail

Screenshot 2023-09-05 at 11 01 07 AM

Mega Menu

Screenshot 2023-09-05 at 11 01 15 AM

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://www.va.gov/health-care/
  2. Observe the right rail promo, displaying full text.
  3. Click on megamenu, VaA Benefits and Health care
  4. Click on Healthcare right arrow
  5. See the promo block, with text cut off.

Engineering notes

Full text of the promo Link summary should display in the megamenu. HOWEVER: there are 2 options for how to handle that, and we need to assess / decide which path makes most sense:

  1. In Drupal, limit the characters on Link Summary field to a lower number that can effectively show in the provided megamenu space.
  2. In the FE, adjust styles to show up to 500 chars. (This needs design input, and is probably a terrible idea.)
  3. Maybe some combo -- shorten the char count a little, and also display full text?

ACs

TBD based on approach we decide.

jilladams commented 10 months ago

Per product sync discussion with Wes / Dave: