Skip to content

Reworking how committee pronouns and names are arranged#117

Open
Games4Doritos wants to merge 1 commit intomainfrom
issue-107-committee_page_frontend_fixes
Open

Reworking how committee pronouns and names are arranged#117
Games4Doritos wants to merge 1 commit intomainfrom
issue-107-committee_page_frontend_fixes

Conversation

@Games4Doritos
Copy link
Collaborator

@Games4Doritos Games4Doritos commented Feb 18, 2026

Change Summary

I'll try explain the problem:
Having average-sized names and pronouns on committee portraits fit how it looks on the figma, but with long enough names and pronouns, it starts to act weird:

Screenshot 2026-02-18 213739

It's alright if the name is long enough, but it still feels weird to me at least as the background fills the full surrounding rectangle and so leaves unwanted empty space.

Screenshot 2026-02-18 213624

Changes present in this pr hopefully solve this by having the name and pronouns separate be inline-blocks, so each committee portrait will have the name and pronouns arranged to look like the figma if the length of text is small enough, otherwise the pronouns will go to the next line

Screenshot 2026-02-18 213917

The name will wrap to the next line of it's container if long enough and still fill it's box, but I don't know if that's an issue in itself.

image

Change Form

  • [] The pull request title has an issue number
  • The change works by "Smoke testing" or quick testing
  • The change has tests
  • The change has documentation

Other Information

Related issue

-Rather than name and pronouns being part of the same rectangle, they are their own independent blocks that will wrap if appropriate
- Added placeholder text for committee portrait pronouns, where it will say "No Pronouns" if the pronouns attribute is blank. We can definitely change if needed
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.

committee page frontend fixes

1 participant

Comments