Mentorship program UI/UX Updates

[kasya]

🛠 UI/UX Updates

We need to make several adjustments to improve consistency and usability across the UI for public view pages:

Tasks

• ActionButton
  Update text color to #1D7BD7.

• Program Card (Title & Dates)

  • Add a fixed height for the title to cover up to 2 lines of text.
  • Truncate text beyond 2 lines and show the full title on hover.
  • Ensure consistent card layout regardless of title length.
  • Increase dates text size to sm.

• Program Card (Description)

  • Truncate description if it exceeds 4 lines.
  • Show full description on hover if truncated.

• Module Menu (Full Access View)

  • Reevaluate if the “View module” menu is needed.
  • It may be redundant since the module title is already clickable.

• Status & Experience Level

  • Update to use Normal Capitalization Case (e.g., “Beginner” instead of “BEGINNER”).

---

🎯 Expected Outcome

• Consistent program card layout regardless of text length.
• Improved readability with adjusted colors and font sizes.
• Reduced redundancy in navigation (cleaner UI).
• Better alignment with style guidelines for capitalization.

Are you going to work on implementing this?

• Yes
• No

Additional context

[Rajgupta36]

hiii @kasya . could you give me example for this
Module Menu (Full Access View)

Reevaluate if the “View module” menu is needed.
It may be redundant since the module title is already clickable.

[kasya]

@Rajgupta36 sure!
It's this one right here when you go into a program with just one module: