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

[Feature] Add see more button #1139

Merged
merged 5 commits into from
Nov 28, 2022

Conversation

ivoka9
Copy link
Contributor

@ivoka9 ivoka9 commented Nov 20, 2022

Motivation and context

As the members text was too long in order to improve the UX and UI we added See more/less buttons
issue
#1091

Screenshots:

Before After
[before screenshot] [after screenshot]

Testing

  1. go to the about page
  2. click see the button should have see more/less (Вижте повече/помалко) depending on the language of choice
  3. test to see if changes properly

Screenshot_20221120_115930
Screenshot_20221120_120027

<TeamMemberName variant="subtitle1" height={50}>
{teamMember.name}
</TeamMemberName>
<ManagementBoardDescription description={teamMember.description} />
Copy link
Contributor

@valkirilov valkirilov Nov 20, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Correct me if I'm wrong, but this seems to be something more like a TeamMemberDescription instead of description for the ManagementBoard? Maybe consider renaming the component so it will fit more with the context behind it :)

export function ManagementBoardDescription({ description }) {
const { t } = useTranslation('about')

const [show, setShow] = useState(false)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a fairly simple component, but I would suggest to put a bit more descriptive name for this toggle, in case we extend it and add more complicated logic in the future, something like:

  • isFullDescriptionVisible
  • isDescriptionCollapsed
  • etc.

@ani-kalpachka
Copy link
Member

Could we not change the shape of the avatars? By designs they are circular.

Copy link
Contributor

@igoychev igoychev left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

well done, however please check why the avatar images are not circular after the change

@kachar
Copy link
Member

kachar commented Nov 21, 2022

Related to #1105

@ani-kalpachka
Copy link
Member

I investigated that the avatars' shape is not caused by these changes - on master they are the same.
I think we can merge this PR and will raise a separate ticket regarding the avatars.
Thanks for the effort, @ivoka9 !

@ani-kalpachka ani-kalpachka merged commit 1e7c659 into podkrepi-bg:master Nov 28, 2022
@ivoka9 ivoka9 deleted the addSeeMoreButton branch November 29, 2022 01:55
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.

Implement 'Show more / Show less' button to longer texts on About page
5 participants