Skip to content
This repository has been archived by the owner on Mar 13, 2024. It is now read-only.

MM-17477: Fix for group display name column expanding too large when … #3945

Merged
merged 3 commits into from
Nov 11, 2019

Conversation

mkraft
Copy link
Contributor

@mkraft mkraft commented Oct 11, 2019

…the name wraps.

Summary

Identified by QA during the case where a group's display name is > 128 characters in the linking phase: this change fixes the styling when the name wraps.

Ticket Link

https://mattermost.atlassian.net/browse/MM-17477

@mkraft mkraft added 2: Dev Review Requires review by a core commiter CherryPick/Approved Meant for the quality or patch release tracked in the milestone labels Oct 11, 2019
@mkraft mkraft added this to the v5.16.0 milestone Oct 11, 2019
@lindalumitchell lindalumitchell added the Setup Cloud Test Server Setup a test server using Mattermost Cloud label Oct 11, 2019
Copy link
Contributor

@lindalumitchell lindalumitchell left a comment

Choose a reason for hiding this comment

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

Given the time constraints, I'm going to approve this and the other PR, and will test after merged/cherry-picked.

@amyblais
Copy link
Member

@mkraft @lindalumitchell Is this urgent for v5.16 or can this be for v5.17?

@michaelgamble
Copy link
Contributor

@mkraft is there a reason we aren't clipping the characters with an ellipses?

@lindalumitchell
Copy link
Contributor

@amyblais there was also an issue with the link not working when the name was too long, so I think this probably should be for v5.16.

@mkraft can you confirm whether the display issue is separate from the functionality issue, or whether they are fixed together?

@mkraft
Copy link
Contributor Author

mkraft commented Oct 16, 2019

@lindalumitchell This is separate; just a one-liner CSS change and not urgent.

@lindalumitchell
Copy link
Contributor

Thanks @mkraft, I'm fine with pushing the display issue to v5.17; was there a separate fix for the linking issue, with the Linked/Not Linked function failing if the name is too long?

@amyblais
Copy link
Member

@amyblais amyblais modified the milestones: v5.16.0 , v5.17.0 Oct 16, 2019
@lindalumitchell
Copy link
Contributor

Ah cool, I thought that server PR was just display-related as well rather than function-related, thanks Amy.

@michaelgamble michaelgamble added Setup Cloud Test Server Setup a test server using Mattermost Cloud and removed Setup Cloud Test Server Setup a test server using Mattermost Cloud labels Oct 21, 2019
@mattermod mattermod removed the Setup Cloud Test Server Setup a test server using Mattermost Cloud label Oct 21, 2019
@michaelgamble michaelgamble added the Setup Cloud Test Server Setup a test server using Mattermost Cloud label Oct 21, 2019
@michaelgamble
Copy link
Contributor

@lindalumitchell i couldnt figure out how to retest this to see if its been updated with my elipses suggestion or not..

@mkraft
Copy link
Contributor Author

mkraft commented Oct 22, 2019

@michaelgamble Per your ellipsis question... are you proposing adding an an ellipsis and only displaying less than 128 characters (which is the max) of the group display name?

@michaelgamble
Copy link
Contributor

yeah thats my suggestion, having it extend and overlap other columns of data or break the table visually seem like a worse aesthetic

I think there is a way to do it in CSS where the content is dynamically cut off based on the available width of the div that the content sits in with an elipses.. in my opinion that would be the best scenerio to solve this problem.

@mkraft
Copy link
Contributor Author

mkraft commented Oct 22, 2019

@michaelgamble Is it currently extending and overlapping other columns with this fix? If so I wasn't aware of that. Also, how many characters would you have it display prior to en ellipsis?

@michaelgamble
Copy link
Contributor

Last time i was able to look at a working test server with it, the overlapping is what i was seeing..

As far as the solution, it doesn't need to be a fixed character limit, you can just set the text-overflow:ellipsis; I think that will do what we want.

@lindalumitchell
Copy link
Contributor

@mkraft @michaelgamble is this one still in process for v5.17? Ideally we should aim to complete and review by EOD Thursday if possible for code complete.

@mkraft
Copy link
Contributor Author

mkraft commented Oct 31, 2019

@michaelgamble Here's the screenshot with your requested changes:

Screen Shot 2019-10-31 at 10 02 38 AM

@mkraft mkraft removed the 2: Dev Review Requires review by a core commiter label Oct 31, 2019
@mkraft
Copy link
Contributor Author

mkraft commented Oct 31, 2019

@lindalumitchell This is ready for QA now.

@mattermod
Copy link
Contributor

Mattermost test server updated with git commit e288c9f531eb2d759cbc1128b5baf04dd13e0650.

Access here: https://mattermost-webapp-pr-3945.test.mattermost.cloud

@lindalumitchell
Copy link
Contributor

@mkraft I'm testing this, and the display issue looks good, but I still am unable to click the link to link the group with the long name (it says Link Failed), and for some reason the LDAP sync is stuck on Pending as well.

I tried the same LDAP instance on a v5.16 server and a master server, and both connected and synced without issue. So I'm not sure if there's an issue here that needs attention, or if somehow something expected is causing different behavior.

Can you take a look with a test instance of LDAP that you have and see if anything looks wrong?

@amyblais amyblais removed the CherryPick/Approved Meant for the quality or patch release tracked in the milestone label Nov 1, 2019
@amyblais amyblais removed this from the v5.17.0 milestone Nov 1, 2019
@hanzei hanzei added the 3: QA Review Requires review by a QA tester label Nov 2, 2019
@lindalumitchell
Copy link
Contributor

Chatting with @mkraft and got the correct LDAP setup, and it is now connecting and syncing as expected, but linking the group with the long, truncated name is still failing.

Copy link
Contributor

@lindalumitchell lindalumitchell left a comment

Choose a reason for hiding this comment

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

Chatted more with @mkraft and it was a config issue; I replaced cn with entryUUID as the Group ID Attribute, and the long name still truncated as expected, and also I was able to link the group as expected. This looks good to me.

@amyblais amyblais added the 4: Reviews Complete All reviewers have approved the pull request label Nov 6, 2019
@amyblais amyblais added the CherryPick/Approved Meant for the quality or patch release tracked in the milestone label Nov 6, 2019
@amyblais amyblais added this to the v5.17.0 milestone Nov 6, 2019
@amyblais amyblais added QA Review Done and removed 3: QA Review Requires review by a QA tester labels Nov 6, 2019
@lindalumitchell lindalumitchell removed the Setup Cloud Test Server Setup a test server using Mattermost Cloud label Nov 10, 2019
@mattermod
Copy link
Contributor

Test server destroyed

@lindalumitchell
Copy link
Contributor

@mkraft I think this is good to merge in and cherry-pick?

@mkraft mkraft merged commit 96fa1bf into master Nov 11, 2019
@mkraft mkraft deleted the MM-17477 branch November 11, 2019 13:30
@mattermod mattermod added CherryPick/Done Successfully cherry-picked to the quality or patch release tracked in the milestone and removed CherryPick/Approved Meant for the quality or patch release tracked in the milestone labels Nov 11, 2019
mkraft pushed a commit that referenced this pull request Nov 11, 2019
* MM-17477: Fix for group display name column expanding too large when the name wraps.

* MM-17477: Update per design.
@amyblais amyblais added Changelog/Not Needed Does not require a changelog entry Docs/Not Needed Does not require documentation labels Nov 11, 2019
@lindalumitchell lindalumitchell added the Tests/Not Needed Does not require new release tests label Nov 12, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
4: Reviews Complete All reviewers have approved the pull request Changelog/Not Needed Does not require a changelog entry CherryPick/Done Successfully cherry-picked to the quality or patch release tracked in the milestone Docs/Not Needed Does not require documentation QA Review Done Tests/Not Needed Does not require new release tests
Projects
None yet
7 participants