Truncate long server names on login/register screen (#7702)

Co-authored-by: Aaron Raimist <aaron@raim.ist>
pull/21833/head
Michael Telatynski 2022-02-04 10:20:20 +00:00 committed by GitHub
parent 2e19f81bd5
commit 78373e86ea
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 1 deletions

View File

@ -62,6 +62,9 @@ limitations under the License.
color: $authpage-primary-color; color: $authpage-primary-color;
grid-column: 1; grid-column: 1;
grid-row: 2; grid-row: 2;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 8px;
} }
.mx_ServerPicker_change { .mx_ServerPicker_change {

View File

@ -86,7 +86,9 @@ const ServerPicker = ({ title, dialogTitle, serverConfig, onServerConfigChange }
return <div className="mx_ServerPicker"> return <div className="mx_ServerPicker">
<h3>{ title || _t("Homeserver") }</h3> <h3>{ title || _t("Homeserver") }</h3>
{ !disableCustomUrls ? <AccessibleButton className="mx_ServerPicker_help" onClick={onHelpClick} /> : null } { !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 } { editBtn }
{ desc } { desc }
</div>; </div>;