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

Truncate long server names on login/register screen #7702

Merged
merged 3 commits into from
Feb 4, 2022
Merged

Truncate long server names on login/register screen #7702

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
fd1ec98
Truncate long server names on login/register screen
aaronraimist Jan 10, 2022
f3d0e3c
Add spacing on server picker for when it overflows
t3chguy Feb 2, 2022
875f31e
Fix edge case for hsNameIsDifferent tooltip
t3chguy Feb 2, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions res/css/views/elements/_ServerPicker.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,6 +62,9 @@ limitations under the License.
color: $authpage-primary-color;
grid-column: 1;
grid-row: 2;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 8px;
}

.mx_ServerPicker_change {
Expand Down
4 changes: 3 additions & 1 deletion src/components/views/elements/ServerPicker.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,9 @@ const ServerPicker = ({ title, dialogTitle, serverConfig, onServerConfigChange }
return <div className="mx_ServerPicker">
<h3>{ title || _t("Homeserver") }</h3>
{ !disableCustomUrls ? <AccessibleButton className="mx_ServerPicker_help" onClick={onHelpClick} /> : null }
<span className="mx_ServerPicker_server">{ serverName }</span>
<span className="mx_ServerPicker_server" title={typeof serverName === "string" ? serverName : undefined}>
{ serverName }
</span>
{ editBtn }
{ desc }
</div>;
Expand Down