Desktop: Limit tab size for servers with long name

Description

Environment: 4.5-rc0, also found on 4.4.2.
On 4.3 long server name was truncated and tab size appeared limited in size.

Steps:
1) Add a new server with a long name , 60+ characters e.g. "server with a relatively long name server with a relatively long name server with a relatively long name"
2) Add another server with a long name without any word breaks e.g. "serverwitharelativelylongnameserverwitharelativelylongnameserverwitharelativelylongnameerverwitharelatively"
3) Add few more servers with short server names e.g. "release", "test server" etc.

Expected: Needs PM and UX input.

  • I expected long names to be truncated, and short server names fully visible on the tabs, especially since I only had 4 servers added.

  • We should probably maintain a certain min/max size for the tabs and truncate the long server names within the tab ending with `...`. Hovering over the server tab triggers a popover displaying the full server name - this is already implemented.

  • Possibly display only first 20 characters of the name and keep the tab max size fixed at this width to avoid crowding

Actual: Tabs with longer server names can take over the header and cause crowding. See images.
Also, on settings screen, long server names without spaces can run over and cover buttons to edit and remove. This may be fixed by MM-22617, but I will have to verify.

QA Test Steps

None

Mana

None

Assignee

Unassigned

QA Assignee

None

Reporter

Jelena Gilliam

Epic Link

None

Fix versions

Mattermost Team

Apps

Sprint

None

Labels

None

QA Testing Areas

None

GitHub Issue

None

Components

None
Configure